<!DOCTYPE html >
<html>
<head>
<meta name="Generator" content="TPshop v1.1" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<!-- <link rel="stylesheet" href="__ROOT__ /AI_radar/css/footer.css"> -->
<link rel="stylesheet" href="__ROOT__ /AI_radar/css/lunb/swiper.min.css">
<link rel="stylesheet" href="__ROOT__ /AI_radar/css/lunb/choumei.min.css">
<link rel="stylesheet" href="__ROOT__ /AI_radar/css/icon/poster_font/iconfont.css">
<link rel="stylesheet" href="__ROOT__ /AI_radar/plug_in/cut/css/cropper.min.css">
<link rel="stylesheet" href="__ROOT__ /AI_radar/plug_in/cut/css/ImgCropping.css">
<script type="text/javascript" src="__ROOT__ /AI_radar/js/token.js"></script>

<style type="text/css">
	body,html{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto;
		background: #fff;
		font-size: 15px;
	}
	a{
		text-decoration: none;
		color:#000;
	}
	.posters{
		height: 100%;
	}
	/*按钮*/
	.background-color{
		background: #4f81d4;
		color: #fff;
		border-radius: 3px;
		text-align: center;
	}
	.overflow{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.corder-wire{
		color: #4f81d4;
		border-bottom: 1px solid #4f81d4;
	}
	.border-outer{
		border:2px solid #4f81d4;
	}
	.border-white{
		border:2px solid #fff;
	}
	/*素材库*/
	.swiper-slide{
		position: relative;
	}
	.cang{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 15;
		background: rgba(0,0,0,0.5);
		/*color: #fff;*/
	}
	.cangs{
		width: 100%;
		height: 50px;
		color:#fff;
		font-size: 20px;
		text-align: center;
		line-height: 50px;
		margin-top: 50%;
		font-weight: bold;
		display: inline-block;
	}
	.poster-head,.make-head{
		width:100%;
		height:3rem;
		text-align: center;
		background: #fff;
		/*color:#333333;*/
	}
	.poster-head-left,.poster-head-right,.make-head-left,.make-head-right{
		width:80px;
		height:100%;
		line-height:3rem;
		display:inline-block;
		text-align: center;
		/*text-decoration: none;*/
		/*color:#333333;*/
	}
	.fodder{
		width: 100%;
		height: calc(100% - 3rem);
		/*overflow: hidden;*/
	}
	.fodder-z{
		width: 100%;
		height: 100%;
		/*overflow-y: auto;*/
	}
	.poster-lunb{
		background: #eee;
		padding: 5px 0;
	}
	.poster-lunb-title{
		font-size: 15px;
		font-weight: bold;
		text-indent: 20px;
		line-height: 2rem;
	}
	.poster-title{
		font-size: 15px;
		font-weight: bold;
		text-indent: 10px;
		line-height: 3rem;
	}
	.poster-fancy{
		width:100%;
		padding:5px 12px;
	}
	.poster-fancy-one{
		width:calc(50% - 30px);
		margin:5px 3px;
		box-shadow:0 0 10px #eaeaea;
		padding:10px 5px;
		display:inline-block;
		position:relative;
	}
	.poster-fancy-one-left{
		width:40px;
		display:inline-block;
		position:absolute;
		top:10px;
		left:5px;
	}
	.poster-fancy-one-Right{
		width:calc(100% - 50px);
		padding-top:2px;
		margin-left:41px;
		display:inline-block;
	}
	.poster-p1{
		font-size:14px;
		font-weight: bold;
	    line-height: 23px;
	}
	.poster-p2{
		font-size:12px;
		color:#666666;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		margin:0;
		padding:0;
	    line-height: 15px;
	}
	.poster-module-z{
		width: 100%;
	}
	.poster-module{
		width:calc(100% - 40px);
		border-top:10px solid #eee;
		padding:10px 20px;
	}
	.poster-module-top{
		width:100%;
		border-bottom:1px solid #eaeaea;
	}
	.poster-module-top-left{
		width:calc(100% - 81px);
		display:inline-block;
	}
	.poster-module-top-p1{
		font-weight: bold;
		line-height: 2.5rem;
	}
	.poster-module-top-p2{
		color:#666666;
		font-size:14px;
	}
	.poster-module-top-right{
		width:80px;
		color:#4f81d4;
		line-height:40px;
		display:inline-block;
	}
	.poster-module-bottom{
		margin-top: 10px;
		display: flex
	}
	.poster-module-ones{
		display: inline-block;
		width: 33.3333%;
		padding: 0 6px;
	}
	.poster-module-one{
		padding: 3px;
		box-shadow: 0 0 10px #eaeaea;
	}
	.poster-module-one img{
		width: 100%;
		height: auto;
	}
	.poster-module-kong{
		width: 2%;
		display: inline-block;
	}
	.poster-module-one-bottom{
		width: 100%;
		padding: 5px 0;
	}
	.poster-module-button{
		font-size: 12px;
		width: 60px;
		margin: auto;
	}
	/*分享记录*/
	.record{
		width: 100%;
		height:calc(100% - 3.1rem);
		overflow: hidden;
		/*background: #f7f7f7;*/
	}
	.poster-record-Z{
		width: 100%;
		height:100%;
		overflow-y: auto;
	}
	.poster-record-N{
		width: 100%;
	}
	.poster-record{
		width: calc(100% - 60px);
		margin: 10px 15px;
		padding: 10px 15px;
		line-height: 30px;
		background: 100%;
		display: inline-block;
		background: #fff;
		box-shadow: 0 0 10px #eaeaea;
	}
	.record-more-Bottom{
		padding: 0 10px;
		width: calc(100% - 20px);
	}
	.record-more-one{
		display: inline-block;
		width: calc(50% - 19px);
		padding: 3px;
		margin: 5px;
		box-shadow: 0 0 10px #eaeaea;
	}
	.record-more-one img{
		width: 100%;
		height: auto;
	}
	.record-more-one-bottom{
		width: calc(100% - 10px);
		padding: 5px;
		font-size: 12px;
		line-height: 25px;
	}
	.record-more-time{
		width: 100%;
		text-align: right;
		color:#999999;
		border-bottom: 1px solid #eee;
	}
	.record-more-record{
		width: 100%;
		display: flex;
	}
	.record-more-record-left{
		width: calc(100% - 50px);
		text-align: left;
	}
	.record-more-record-right{
		width: 50px;
		text-align: right;
		color: #4f81d4;
	}
	.record-more-record-num{
		font-weight: bold;
	}
	.poster-more-Bottom-more{
		width: 100%;
		height:50px;
		line-height: 50px;
		text-align: center;
		color: #666666;
		font-size: 13px;
	}


	/*查看更多*/
	.poster-more{
		width:100%;
		height:100%;
		overflow:hidden;
	}
	.poster-more-top{
		line-height: 45px;
		background: #fff;
		text-indent: 15px;
		border-bottom: 1px solid #eee;
	}
	.poster-more-Bottom{
		padding: 0 10px;
		width: calc(100% - 20px);
		height:calc(100% - 45px);
		overflow-y:auto;

	}
	.poster-more-one{
		display: inline-block;
		width: calc(50% - 19px);
		padding: 3px;
		margin: 5px;
		box-shadow: 0 0 10px #eaeaea;
	}
	.poster-more-one img{
		width: 100%;
		height: auto;
	}
	.poster-more-one-bottom{
		width: 100%;
		padding: 5px 0;
	}
	.poster-more-button{
		font-size: 12px;
		width: 60px;
		line-height: 25px;
		margin: auto;
	}
	.poster-more-more{
		width: 100%;
		line-height: 50px;
		text-align: center;
		color:#666666;
		font-size: 13px;
	}

	/*制作海报（文字、问答）*/
	.makes{
		width: 100%;
    	height: 100%;
		position: fixed;
		top: 0;
		left: 0;
	}
	.makes-Z{
		width: 100%;
		height: calc(100% - 40px);
		overflow-y: auto;
	}
	.make-top{
		width: 96%;
		text-align: center;
		padding: 10px 2%;
		background: #eee;
	}
	.make-image-left,.make-image-right{
		width: 40%;
		margin: 10px 4%;
		display: inline-block;
		
	}
	.make-image-left-img{
		width: 100%;
		position: relative;
	}
	.make-top img{
		width: 100%;
		height: auto;
	}
	.make-image-font{
		line-height: 30px;
		height: 30px;
		font-size: 0.7rem;
		color:#666666;
	}
	.make-img-font{
		font-size: 0.7rem;
		text-align: left;
		font-weight: bold;
	}
	.make-center,.make-bottom{
		width: calc(100% - 30px);
		padding: 0 15px;
	}
	.make-title-p{
		font-size: 1rem;
		font-weight: bold;
		line-height: 2.5rem;
	}
	.make-center-outer{
		width: 96%;
		padding: 5px 2%;
		border-bottom:1px solid #eaeaea;
		display: flex;
	}
	.make-center-div{
		flex: 1;
		padding: 5px;
	}
	.make-center-image-one{
		width: 100%;
		height: auto;
		display: inline-block;
		margin: 0 0.5%;
		box-sizing:border-box;
		border:2px solid #eee;
	}
	.make-bottom-input,.make-bottom-textarea{
		padding: 10px 0;
	}
	.make-input-top{
		display: flex;
	}
	.make-input-top-left{
		flex: 1;
		display: inline-block;
	}
	.make-input-top-right{
		text-align: right;
		flex: 1;
		font-size: 12px;
		color: #4f81d4;
		line-height: 2.5rem;
		display: inline-block;
	}
	.make-input-bottom{
		width: calc(100% - 10px);
		background: #eee;
		border-radius: 3px;
		height: 30px;
		padding: 5px;
	}
	.make-input-bottom-left{
		width: calc(100% - 60px);
		display: inline-block;
	}
	.make-input-bottom-right{
		width: 54px;
		display: inline-block;
		text-align: right;
	}
	.make-input{
		width: 100%;
		border:none;
		outline: none;
		background: #eee;
		height: 24px;
		line-height: 24px;
	}
	.make-inputs{
		text-align: right;
		line-height: 30px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.make-textarea-bottom{
		background: #eee;
		border-radius: 3px;
		padding: 5px;
	}
	.make-textarea{
		width: 100%;
		resize: none;
		border:none;
		outline: none;
		height: 80px;
		background: #eee;
	}
	.make-save,.fabrication-photo-button{
		width: calc(100% - 30px);
		margin: 5px 15px;
		line-height: 30px;
	}
	.make-user-left{
		width: 4rem;
		height: 4.5rem;
		text-align: center;
		position: absolute;
	}
	.make-user-head{
		width: 1.9rem;
		height: 1.9rem;
		margin: auto;
	}
	.make-user-head img{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	.make-user-name{
		width: 100%;
		/*line-height: 0.8rem;*/
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.make-user-right{
		width: 3rem;
		height: 3.2rem;
		text-align: center;
		position: absolute;
	}
	.make-photo-qrcode{
		width: 2.2rem;
		height: 2.2rem;
		margin: auto;
	}
	.make-photo-qrcode img{
		width: 100%;
		height: 100%;
	}
	.make-photo-qrcode-font{
		width: 100%;
		line-height: 0.8rem;
		font-size: 0.5rem;
		text-align: center;
	}
	.make-userName{
		font-size: 0.6rem;
		font-weight: bold;
	}
	.make-userCompany{
		font-size: 0.5rem;
	}


	/*制作海报（自己上传）*/
	.fabrication{
		width: 100%;
		height: 100%;
	}
	.fabrication-photo-fabrication{
		width: 100%;
		height: 100%;
	}
	.fabrication-photo-fabrication-img{
		width: 100%;
		height: 100%;
		display: none;
	}
	.img-fabrication-title{
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	.img-fabrication-title-span{
		width: 100%;
		display: block;
		margin-top: 10px;
		line-height: 2rem;
		text-align: center;
	}
	.img-fabrication-div{
		width: 70%;
		margin: auto;
		border:1px solid #ccc;
	}
	.img-fabrication-div img{
		width: 100%;
		height: 100%;
	}

	.img-fabrication-font{
		margin-left: 15%;
		line-height: 2rem;
	}
	.fabrication-photo-z{
		width: 100%;
		height: calc(100% - 50px);
		background: #f7f7f7;
	}
	.fabrication-photo{
		width: 60%;
		display: inline-block;
		margin: 2rem 20%;
	}
	.fabrication-photo-my{
		width: 100%;
		display: none;
		position: relative;

	}
	.fabrication-photo-top{
		width: 100%;
	}
	.fabrication-photo-img{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		vertical-align: middle;
		background: #4f81d4;
	}
	.fabrication-photo-image{
		width: 100%;
		height: 100%;
	}
	.fabrication-photo-img-N{
		width: 4rem;
		height: 6rem;
		font-size: 1rem;
		line-height: 3rem;
		text-align: center;
		color: #fff;
		margin: auto;
		display: inline-block;
	}
	.fabrication-photo-imgspan{
		display: block;
		height: 3rem;
		width: 3rem;
		line-height: 3rem;
		border:1px solid #fff;
		border-radius: 5px;
		margin: auto;
	}
	.fabrication-photo-bottom{
		width: calc(100% - 10px);
		display: flex;
		height: 4rem;
		background: #fff;
		padding: 0.25rem 5px;
	}
	.fabrication-photo-left{
		width: 7rem;
		height: 2.2rem;
		padding: 0.5rem 0;
		display: flex;
	}
	.fabrication-photo-head{
		width: 2.2rem;
		height: 2.2rem;
		border-radius: 50%;
	}
	.fabrication-photo-head img{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	.fabrication-head-font{
		width: calc(100% - 2.4rem);
		padding:0 0.1rem;
	}
	.fabrication-head-font2{
		width: calc(100% - 2.4rem);
		padding:0 0.1rem;
		text-align:right;
	}
	.fabrication-head-name{
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 0.8rem;
		line-height: 1rem;
	}
	.fabrication-photo-right{
		width: 3rem;
		height: 3.5rem;
	}
	.fabrication-photo-qrcode{
		width: 2.5rem;
		height: 2.5rem;
		margin:auto;
	}
	.fabrication-photo-qrcode img{
		width: 100%;
		height: 100%;
	}
	.fabrication-photo-qrcode-font{
		width: 100%;
		line-height: 1rem;
		font-size: 0.4rem;
		text-align: center;
	}
	.fabrication-photo-font{
		font-size: 14px;
		text-align: center;
	}
	.fabrication-photo-font1{
		color:#666666;
	}
	.fabrication-photo-font3{
		color: #4f81d4;
	}
	.fabrication-photo-rests{
		width: 100%;
		position: relative;

		/*position: relative;*/
	}
	.fabrication-photo-rests img{
		width: 100%;
		height: auto;
	}
	.fabrication-photo-makes{
		width: 100%;
		position: relative;

		/*position: relative;*/
	}
	.fabrication-photo-makes img{
		width: 100%;
		height: auto;
	}
	.fabri-user-left{
		width: 4.2rem;
		height: 4.2rem;
		text-align: center;
	}
	.fabri-user-head{
		width: 2.2rem;
		height: 2.2rem;
		margin: auto;
	}
	.fabri-user-head img{
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.fabri-user-right{
		width: 3rem;
		height: 4rem;
	}
	.fabri-photo-qrcode{
		width: 3rem;
		height: 3rem;
	}
	.fabri-img-font{
		font-size: 1.1rem;
		line-height: 1.7rem;
		text-align: left;
		font-weight: bold;
	}

	/*扫码后进入页面*/
	.page-entrance{
		width: 100%;
		height: 100%;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.5);
	}
	.page-entrance-bottom{
		width: 100%;
		position: absolute;
		background: #fff;
		bottom: 0;
		left: 0;
		text-align: center;
	}
	.page-entrance-title{
		line-height: 4rem;
		color: #999999;
	}
	.page-entrance-center{
		line-height: 3rem;
		border-top: 1px solid #eaeaea;
	}
	.page-entrance-none{
		line-height: 3rem;
		border-top: 5px solid #eaeaea;
	}

	/*选择商品*/
	.page-shop{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		display: none;
		background: #f7f7f7;
	}
	.page-shop-shop{
		width: calc(100% - 20px);
		height: calc(100% - 56px);
		padding: 0 10px;
		display: flex;
	}
	.page-shop-shopL{
		width: 100px;
		height: 100%;
		border-right: 1px solid #ccc;
		text-align: center;
		overflow-y: auto;
	}
	.page-shop-shopR{
		width: calc(100% - 90px);
		height: 100%;
		overflow-y: auto;
	}
	.page-shop-shopRN{
		width:100%;
	}
	.page-shop-shopPs{
		background: #4f81d4;
		color:#fff;
	}
	.page-shop-shopdiv{
		height: 50px;
	}
	.page-shop-shopFont{
		width: 80px;
		line-height: 30px;
		margin:10px 10px 10px 0;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	.page-shop-shopse{
		background: #4f81d4;
		color: #fff;
	}

	.page-shop-shopRz{
		width: 43%;
		height: 120px;
		/*border:1px solid #ccc;*/
		display: inline-block;
		margin:10px 2%;
		position: relative;
		background: #fff;
	}
	.page-shop-shopRz img{
		width: 100%;
		height: 70px;
	}

	.page-shop-moneyP{
		color: red;
		font-size: 14px;
	}
	.page-shop-nameP{
		width: 100%;
		font-size: 13px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	#page-shop-shopRX{
		width: 10px;
		height: 10px;
		border:1px solid #000;
		/*background: #fff; 1.1rem*/
		position: absolute;
		top: 3px;
		right: 3px;
	}
	.page-shop-shopZTop{
		width: calc(100% - 20px);
		padding: 10px;
		display: flex;
		line-height: 35px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}
	.page-shop-shopZTopL,.page-shop-shopZTopR{
		width: 50px;
	}
	.page-shop-shopZTopC{
		width: calc(100% - 100px);
		text-align: center;
	}
	.page-shop-shopZ{
		width: 100%;
		height: 100%;
	}
	.page-shop-tableTop{
		position: absolute;
		top: 3px;
		right: 3px;
		/*color: #122e29;
	    border: 1px solid #005344;
	    background-color: #73b9a2;*/
	}
	.page-shop-shopRX,.page-shop-shopRM{
		width:100%;
		line-height:30px;
		text-align: center;
		font-size: 15px;
		color:#666666;
		display: none;
	}
	.fabrication-userName{
		margin: 0.2rem 0 0 0;
		font-size: 0.6rem;
		font-weight: bold;
	}
	.fabrication-userCompany{
		font-size: 0.5rem;
	}
	.userQrcode,.userHead{
		border-radius: 50%;
	}



	.swiper-pagination-font{
		width: 100%;
		line-height: 3rem;
		text-align: center;
	}
	/*海报详情*/
	.recordDetails{
		width: 100%;
		height: 100%;
		background: #eaeaea;
	}
	.recordDetails-details{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.recordDetails-top{
		width: calc(100% - 30px);
		padding: 10px 15px;
		display: flex;
		background: #fff;
	}
	.recordDetails-top-left{
		width: 30%;
	}
	.recordDetails-top-left img{
		width: 100%;
		height: auto;
	}
	.recordDetails-top-right{
		width: calc(70% - 15px);
		padding-left: 15px;
	}
	.recordDetails-top-p1{
		margin-top: 5px;
		color:#666666;
		font-size: 12px;
	}
	.recordDetails-top-p2{
		font-size: 13px;
	}
	.recordDetails-img{
		box-shadow: 0 0 10px #eee;
	}
	.recordDetails-center{
		width: calc(100% - 30px);
		border-top: 10px solid #eaeaea;
		line-height: 20px;
		padding: 10px 15px;
		font-size: 13px;
		color: #666666;
		background: #fff;
	}
	.recordDetails-num{
		color: #333333;
		font-weight: bold;
	}
	.recordDetails-bottom{
		width: calc(100% - 30px);
		padding: 0 15px;
		overflow: auto;
	}
	.recordDetails-one{
		width: 100%;
		height: 30px;
		line-height: 30px;
		padding: 10px 0;
		display: flex;
	}
	.recordDetails-one-head{
		width: 30px;
		height: 30px;
	}
	.recordDetails-one-head img{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	.recordDetails-one-name{
		width: calc(100% - 110px);
		text-indent: 5px;
		font-weight: bold;
	}
	.recordDetails-one-time{
		width: 80px;
		text-align: right;
		color: #666666;
		font-size: 12px;
	}
	.recordDetails-btn{
		width: 100%;
		background:#fff;
		height: 50px;
		position: fixed;
		bottom: 0;
		left: 0;
	}
	.recordDetails-botton,.recordDetails-botton-back{
		width: calc(100% - 30px);
		margin: 10px 15px;
		line-height: 30px;
		height: 30px;
	}
	.recordDetails-botton-img{
		width: 100%;
		height: 100%;
		display: none;
	}
	.recordDetails-botton-image{
		width: 100%;
		height: calc(100% - 50px);
		display: flex;
		align-items: center;
		vertical-align: middle;
	}

	.recordDetails-botton-image img{
		width: 70%;
		height: auto;
		margin: auto;
		
	}

	/*看看别人怎么写*/
	.see-onself{
		width: calc(100% - 30px);
		padding: 10px 15px;
	}
	.see-onself-asking,.see-onself-character{
		width: 100%;
	}
	.see-onself-asking-one,.see-onself-character-one{
		width: calc(100% - 20px);
		padding: 10px;
		border-radius: 2px;
		margin-top: 15px;
		border: 1px solid #eee;
		box-shadow: 0 0 10px #eee;
	}
	.see-onself-one-top{
		width: 100%;
		font-weight: bold;
		border-bottom: 1px solid #eaeaea;
	}
	.see-onself-one-p1{
		color: #666666;
		font-size: 12px;
		margin-top: 5px;
	}
	.see-onself-one-font{
		font-size: 13px;
		line-height: 20px;
	}



</style>

</head>
<body>
	{include file="public/wx_share" /}
	<div class="posters fathers" id="posters">
		<div class="poster-head">
			<div class="poster-head-left" >素材库</div>
			<div class="poster-head-right" >分享记录</div>
		</div>
		<div class="fodder" id="fodder">
			<div class="fodder-z">
				<div class="poster-lunb">
					<p class="poster-lunb-title">推荐海报</p>
					<div class="swiper-container" >
						<div class="swiper-wrapper">
							<!--<div class='swiper-slide' style='width:150px' id='1' names='这是第1张海报' types='1'><img src='__ROOT__ /AI_radar/image/poster/daka1.jpg' class='main-img'></div><div class='swiper-slide' style='width:150px' id='2' names='这是第2张海报' types='2'><img src='__ROOT__ /AI_radar/image/poster/daka2.jpg' class='main-img'></div><div class='swiper-slide' style='width:150px' id='3' names='这是第3张海报' types='3'><img src='__ROOT__ /AI_radar/image/poster/daka3.jpg' class='main-img'></div>-->
							<!-- <div class='swiper-slide' style='width:150px' id='1' names='这是第1张海报' types='1'><img src='__ROOT__ /AI_radar/image/poster/daka1.jpg' class='main-img'></div>
                            <div class='swiper-slide' style='width:150px' id='2' names='这是第2张海报' types='2'><img src='__ROOT__ /AI_radar/image/poster/daka2.jpg' class='main-img'></div>
                            <div class='swiper-slide' style='width:150px' id='3' names='这是第3张海报' types='3'><img src='__ROOT__ /AI_radar/image/poster/daka3.jpg' class='main-img'></div> -->
							<!-- 	<div class="swiper-slide" style="width:150px" id="4" names="这是第4张海报"><img src="__ROOT__ /AI_radar/image/poster/first3.jpg" class="main-img"></div>
                            <div class="swiper-slide" style="width:150px" id="5" names="这是第5张海报"><img src="__ROOT__ /AI_radar/image/poster/first4.jpg" class="main-img"></div> -->
						</div>
					</div>
					<div class="swiper-pagination" id="pagination" style='display: none'></div>
					<div class="swiper-pagination-font"></div>
					<div id="swiper-footer">
						<div class="swiper-buttons">生成海报</div>
					</div>
				</div>
				<div class="poster-fancy">
					<p class="poster-title">海报的花式玩法</p>

					<div class='poster-fancy-one print poster-fancy-one-print' href="?type=print#fabrication">
						<div class="poster-fancy-one-left"><i class='iconfont icon-picture' style="font-size: 40px;color:#4f81d4"></i></div>
						<div class="poster-fancy-one-Right">
							<p class="poster-p1">图片海报</p>
							<p class="poster-p2">秀出个性拒绝平庸</p>
						</div>
					</div>
					<div class='poster-fancy-one character poster-fancy-one-character' href="?type=character#makes">
						<div class="poster-fancy-one-left"><i class='iconfont icon-fuwenbenkuang' style="font-size: 40px;color:#4f81d4"></i></div>
						<div class="poster-fancy-one-Right">
							<p class="poster-p1">文字海报</p>
							<p class="poster-p2">解锁你的个性宣言</p>
						</div>
					</div>
					<div class='poster-fancy-one asking poster-fancy-one-asking' href="?type=asking#makes">
						<div class="poster-fancy-one-left"><i class='iconfont icon-wenda' style="font-size: 40px;color:#4f81d4"></i></div>
						<div class="poster-fancy-one-Right">
							<p class="poster-p1">问答海报</p>
							<p class="poster-p2">有问有答破冰利器</p>
						</div>
					</div>
				</div>
				<div class="poster-module-z">

				</div>
			</div>
		</div>
		<div class='record' id='record' style="display: none">
			<div class="poster-record-Z">
				<div class="poster-record-N">
					<div class="poster-record">分享海报 <span class="poster-record-num">0</span> 张，获客 <span class="poster-record-user">0</span> 人</div>
					<div class="poster-more-Bottom">

					</div>
					<div class="poster-more-Bottom-more">正在加载...</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 海报详情 -->
	<div class="recordDetails fathers" id="recordDetails" style="display: none">
		<div class="recordDetails-details">
			<div class="recordDetails-top">
				<div class="recordDetails-top-left">
					 <img src="" class='recordDetails-img'>
				</div>
				<div class="recordDetails-top-right">
					<p class="recordDetails-top-p1 recordDetails-lastTime">最后分享时间</p>
					<p class="recordDetails-top-p2 recordDetails-lastTime recordDetails-time"></p>
					<p class="recordDetails-top-p1 recordDetails-enterInfo">扫码后进入</p>
					<p class="recordDetails-top-p2 recordDetails-enterInfo recordDetails-info"></p>
					<div class="recordDetails-titles" style="display: none">
						<p class="recordDetails-top-p1 recordDetails-recordTitle">海报文本</p>
						<p class="recordDetails-top-p2 recordDetails-recordTitle recordDetails-title"></p>
					</div>
					<div class="recordDetails-texts" style="display: none">
						<p class="recordDetails-top-p1 recordDetails-recordText">海报文本</p>
						<p class="recordDetails-top-p2 recordDetails-recordText recordDetails-text"></p>
					</div>
				</div>
			</div>
			<div class="recordDetails-center">浏览 <span class="recordDetails-num">0</span> 次</div>
			<div class="recordDetails-bottom">
<!--<div class='recordDetails-one'><div class='recordDetails-one-head'><img src='__ROOT__ /AI_radar/image/poster/character1.jpg'></div><div class='recordDetails-one-name overflow'></div><div class='recordDetails-one-time overflow'></div></div>-->

			</div>
			<div class="recordDetails-btn"><div class="recordDetails-botton background-color">再次分享</div></div>
		</div>
		<div class="recordDetails-botton-img">
			<div class="recordDetails-botton-image">
				<img src="" class='recordDetails-img'>
			</div>
			<div class="recordDetails-btn"><div class="recordDetails-botton-back background-color">返回</div></div>
		</div>

	</div>
	<!-- 更多海报 -->
	<div class="poster-more fathers photos" id='photos' style="display: none">
		<div class="poster-more-top">共<span class="poster-num">0</span>张</div>
		<div class="poster-more-Bottom">
			<div class="poster-more-Bottom2">
				
			</div>
			<!-- <div class='poster-more-one poster-rests-button' types='1'><img src='__ROOT__ /AI_radar/image/poster/daka1.jpg'><div class='poster-more-one-bottom'><div class='poster-more-button background-color'>点击使用</div></div></div> -->
			<!-- <div class='poster-more-one poster-rests-button' types="1">
				<img src="__ROOT__ /AI_radar/image/poster/daka1.jpg">
				<div class="poster-more-one-bottom">
					<div class="poster-more-button background-color">点击使用</div>
				</div>
			</div>
			<div class="poster-more-one poster-rests-button" types="1">
				<img src="__ROOT__ /AI_radar/image/poster/daka1.jpg">
				<div class="poster-more-one-bottom">
					<div class="poster-more-button background-color">点击使用</div>
				</div>
			</div> -->
			<div class="poster-more-more">正在加载...</div>
		</div>
	</div>
	<!-- 问答海报 -->
	<div class="makes fathers" id="makes" style="display: none">
		<div class="makes-Z">
			<div class="make-head">
				<div class="make-head-left" href="?type=asking#makes">问答海报</div>
				<div class="make-head-right" href="?type=character#makes">文字海报</div>
			</div>
			<div class="make-top">
				<div class="make-image-left">
					<div class="make-image-left-img">
						<img src="__ROOT__ /AI_radar/image/poster/character1.jpg" class="make-images">
						<div class="make-user-left">
							<div class="make-user-head">
								<img src="" class="userHead">
							</div>
							<div class="make-user-name make-user-color make-userName userName"></div>
							<div class="make-user-name make-user-color make-userCompany userCompany"></div>
						</div>
						<div class="make-user-right">
							<div class="make-photo-qrcode">
								<img src="" class="userQrcode">
							</div>
							<div class="make-photo-qrcode-font make-user-color">识别太阳码</div>
						</div>
						<div class="make-img-font make-user-color">海报上显示的内容</div>	
					</div>
					<div class="make-image-font"><span class="make-font-span">海报上显示内容</span></div>
					
				</div>
				<div class="make-image-right">
					<img src="__ROOT__ /AI_radar/image/poster/popup.jpg">
					<div class="make-image-font"><span class="make-font-span">扫码后弹出内容(示例)</span></div>
				</div>
			</div>
			<div class="make-center">
				<p class="make-title-p">选择模板</p>
				<div class="make-center-outer">
					<div class="make-center-div">
						<img src="__ROOT__ /AI_radar/image/poster/character1.jpg" class='make-center-image-one' types="5" style="border:2px solid #4f81d4">
					</div>
					<div class="make-center-div">
						<img src="__ROOT__ /AI_radar/image/poster/character3.jpg" class='make-center-image-one' types="6">
					</div>
					<div class="make-center-div">
						<img src="__ROOT__ /AI_radar/image/poster/character4.jpg" class='make-center-image-one' types="7">
					</div>
					<div class="make-center-div">
						<img src="__ROOT__ /AI_radar/image/poster/character5.jpg" class='make-center-image-one' types="8">
					</div>
					<div class="make-center-div">
						<img src="__ROOT__ /AI_radar/image/poster/character6.jpg" class='make-center-image-one' types="9">
					</div>
					<div class="make-center-div">
						<img src="__ROOT__ /AI_radar/image/poster/character7.jpg" class='make-center-image-one' types="10">
					</div>

				</div>
			</div>
			<div class="make-bottom">
				<div class="make-bottom-input">
					<div class="make-input-top">
						<div class="make-input-top-left">
							<p class="make-title-p">海报显示内容</p>
						</div>
						<div class="make-input-top-right">
							看看别人怎么写<i class='iconfont icon-angle-right' style="font-size: 12px;"></i>
						</div>
					</div>
					<div class="make-input-bottom">
						<div class="make-input-bottom-left">
							<input type="text" name="" class="make-input" placeholder="请输入内容" maxlength=20>
						</div>
						<div class="make-input-bottom-right">
							<text class="make-inputs">
								<span class="make-input-num">0</span>/20
							</text>
						</div>
					</div>
				</div>
				<div class="make-bottom-textarea">
					<div class="make-input-top">
						<div class="make-input-top-left">
							<p class="make-title-p">扫码后弹出内容</p>
						</div>
					</div>
					<div class="make-textarea-bottom">
						<textarea class="make-textarea" placeholder="请输入内容" maxlength="50"></textarea>
						<div class="make-inputs">
							<span class="make-textarea-num">0</span>/50
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="make-save background-color">制作海报</div>
	</div>
	<!-- 生成海报 -->
	<div class="fabrication fathers" id="fabrication" style="display: none">
		<div class="fabrication-photo-fabrication">
			<div class="fabrication-photo-z">
				<div class="fabrication-photo">
					<div class="fabrication-photo-my" style="display: none">
						<div class="fabrication-photo-top">
							<div class="fabrication-photo-img">
								<div class="fabrication-photo-img-N">
									<span class="fabrication-photo-imgspan"><i class='iconfont icon-plus' style="font-size: 2rem;"></i></span>
									上传图片
								</div>
							</div>
							<img src="" style="display: none" class="fabrication-photo-image">
						</div>
						<div class="fabrication-photo-bottom">
							
						</div>
						<div class="fabrication-photo-left">
							<div class="fabrication-photo-head">
								<img src="" class="userHead">
							</div>
							<div class="fabrication-head-font">
								<div class="fabrication-head-name fabrication-head-font-color fabrication-userName userName"></div>
								<div class="fabrication-head-name fabrication-head-font-color fabrication-userCompany userCompany"></div>
							</div>
						</div>
						<div class="fabrication-photo-right">
							<div class="fabrication-photo-qrcode">
								<img src="" class="userQrcode">
							</div>
							<div class="fabrication-photo-qrcode-font fabrication-head-font-color2">识别太阳码</div>
						</div>
					</div>
					<div class="fabrication-photo-rests" style="display: none">
						<img src="" class="fabrication-photo-rests-img photo-img-material">
						<div class="fabrication-photo-left1" style="display:none">
							<div class="fabrication-photo-left" >
								<div class="fabrication-photo-head">
									<img src="" class="userHead">
								</div>
								<div class="fabrication-head-font">
									<div class="fabrication-head-name fabrication-head-font-color fabrication-userName userName"></div>
									<div class="fabrication-head-name fabrication-head-font-color fabrication-userCompany userCompany"></div>
								</div>
							</div>
						</div>
						<div class="fabrication-photo-left2" style="display:none">
							<div class="fabrication-photo-left">
								<div class="fabrication-head-font2">
									<div class="fabrication-head-name fabrication-head-font-color fabrication-userName userName"></div>
									<div class="fabrication-head-name fabrication-head-font-color fabrication-userCompany userCompany"></div>
								</div>
								<div class="fabrication-photo-head">
									<img src="" class="userHead">
								</div>
								
							</div>
						</div>
						<div class="fabrication-photo-right">
							<div class="fabrication-photo-qrcode">
								<img src="" class="userQrcode">
							</div>
							<div class="fabrication-photo-qrcode-font fabrication-head-font-color2">识别太阳码</div>
						</div>
					</div>
					<div class="fabrication-photo-makes" style="display: none">
						<img src="" class="fabrication-photo-makes-img photo-img-material">
						<div class="fabri-user-left">
							<div class="fabri-user-head">
								<img src="" class="userHead">
							</div>
							<div class="fabrication-head-name make-user-color fabrication-userName userName"></div>
							<div class="fabrication-head-name make-user-color fabrication-userCompany userCompany"></div>
						</div>
						<div class="fabri-user-right">
							<div class="fabri-photo-qrcode">
								<img src="" class="userQrcode">
							</div>
							<div class="fabrication-photo-qrcode-font make-user-color">识别太阳码</div>
						</div>
						<div class="fabri-img-font make-user-color"></div>	
					</div>
					
				</div>
				<div class="fabrication-photo-font"><span class="fabrication-photo-font1">设置海报进入的页面：</span><span class="fabrication-photo-font2" address="pages/card/card">名片</span> <span class="fabrication-photo-font3">修改<i class='iconfont icon-angle-right' style="font-size: 0.8rem;"></i></span></div>
			</div>
			<div class="fabrication-photo-button background-color">生成海报</div>
		</div>
		<div class="fabrication-photo-fabrication-img">
			<div class="img-fabrication-title">
				<span class="img-fabrication-title-span">长按保存或转发</span>
			</div>
			<div class="img-fabrication-div">
				<!-- <img src="" class="img-fabrication"> -->
			</div>
			<!-- <div class="img-fabrication-font">正在生成<span class="img-fabrication-font-num">50%</span></div> -->
		</div>
	</div>
	<!-- 选择进入页面	 -->
	<div class="page-entrance" style="display: none">
		<div class="page-entrance-bottom">
			<p class="page-entrance-title">扫码后进入</p>
			<p class="page-entrance-center" entranceId='1' address="pages/card/card">名片</p>
			<p class="page-entrance-center" entranceId='2' address="pages/index/index">商城</p>
			<p class="page-entrance-center" entranceId='3' address="pages/official/official">官网</p>
			<p class="page-entrance-center" entranceId='4' address="pages/index/particulars/particulars">指定商品</p>
			<p class="page-entrance-none">取消</p>
		</div>
	</div>
	<!-- 选择商品 -->
	<div class="page-shop" style="display: none">
		<div class="page-shop-shopZ">
			<div class="page-shop-shopZTop">
				<div class="page-shop-shopZTopL">取消</div>
				<div class="page-shop-shopZTopC"></div>
				<div class="page-shop-shopZTopR">确定</div>

			</div>
			<div class="page-shop-shop">
				<div class="page-shop-shopL">
				</div>
				<div class="page-shop-shopR">
					<div class="page-shop-shopRN"></div>
					<div class="page-shop-shopRX">点击显示更多...</div>
					<div class="page-shop-shopRM">没有更多商品了</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 看看别人怎么写 -->
	<div class="see-onself" style="display: none">
		<div class="see-onself-asking" style="display: none">
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例1</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">什么学校不受成绩学历限制？</p>
				<p class="see-onself-one-p1">扫码后弹出的内容</p>
				<p class="see-onself-one-text see-onself-one-font">驾校。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例2</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">比起清华北大，考什么最有吸引力？</p>
				<p class="see-onself-one-p1">扫码后弹出的内容</p>
				<p class="see-onself-one-text see-onself-one-font">考驾照。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例3</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">嫦娥为什么要急着奔日？</p>
				<p class="see-onself-one-p1">扫码后弹出的内容</p>
				<p class="see-onself-one-text see-onself-one-font">因为她身份证忘带了，考驾照必须要身份证。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例4</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">教练喊小明用脚刹，小明照做为何还被骂？</p>
				<p class="see-onself-one-p1">扫码后弹出的内容</p>
				<p class="see-onself-one-text see-onself-one-font">因为小明将自己的脚伸在车外然后脚着地进行刹车。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例5</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">学员即将考科三，为何教练喊他不用紧张?</p>
				<p class="see-onself-one-p1">扫码后弹出的内容</p>
				<p class="see-onself-one-text see-onself-one-font">因为该紧张的是那些走在路边的人。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例6</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">为什么老司机经常开车？</p>
				<p class="see-onself-one-p1">扫码后弹出的内容</p>
				<p class="see-onself-one-text see-onself-one-font">因为开车的时间越长年龄越大，也就成为老司机了。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例7</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">为何教练总说坐学员的车很划算？</p>
				<p class="see-onself-one-p1">扫码后弹出的内容</p>
				<p class="see-onself-one-text see-onself-one-font">因为在练车的同时，还能体验一下坐过山车和开碰碰车。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例8</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">教练车即将撞墙为何教练还喊学员踩油门？</p>
				<p class="see-onself-one-p1">扫码后弹出的内容</p>
				<p class="see-onself-one-text see-onself-one-font">这种情况下学员一般会把刹车当油门踩。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例9</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">学员问教练为何这个路修歪了？</p>
				<p class="see-onself-one-p1">扫码后弹出的内容</p>
				<p class="see-onself-one-text see-onself-one-font">教练：“好像是你车开偏了”。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例10</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">为什么晴天却有辆车开起了雨刮器？</p>
				<p class="see-onself-one-p1">扫码后弹出的内容</p>
				<p class="see-onself-one-text see-onself-one-font">可能他是想打转弯灯。</p>
			</div>
			
		</div>
		<div class="see-onself-character" style="display: none">
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例1</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">在外地报考驾校的，需要提供暂住证。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例2</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">每百毫升血液酒精含量大于20毫克算酒驾。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例3</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">驾驶证被吊销，不能恢复，只能重新考取</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例4</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">越线停车后又倒车，不算闯红灯。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例5</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">交警因收集证据的需要，可以扣留事故车辆。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例6</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">驾驶机动车在道路上超车必须使用转向灯。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例7</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">驾驶机动车在人行横道上临时停车违法。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例8</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">初次申领的机动车驾驶证的有效期为6年。</p>
			</div>
			<div class="see-onself-asking-one">
				<div class="see-onself-one-top">示例9</div>
				<p class="see-onself-one-p1">海报上显示内容</p>
				<p class="see-onself-one-title see-onself-one-font">3年内注射毒品的人不得申请机动车驾驶证。</p>
			</div>
		</div>
	</div>
	<!--图片裁剪框 start-->
	<div style="display: none" class="tailoring-container">
	    <div class="black-cloth" onclick="closeTailor(this)"></div>
	    <div class="tailoring-content">
	      <div class="tailoring-content-one">
	          <label title="上传图片" for="chooseImg" class="l-btn choose-btn">
	              <input type="file" name="file" id="chooseImg" class="hidden" onchange="selectImg(this)" accept="image/*" multiple>
	              选择图片
	          </label>
	          <div class="close-tailoring"  onclick="closeTailor(this)">×</div>
	          <!-- <div class="close-tailoring"><button class="l-btn sureCut" id="sureCut">确定</button></div> -->

	      </div>
	      <div class="tailoring-content-two">
	          <div class="tailoring-box-parcel">
	              <img id="tailoringImg">
	          </div>
	      </div>
	      <div class="tailoring-content-three">
	          <button class="l-btn cropper-reset-btn">复位</button>
	          <button class="l-btn cropper-rotate-btn">旋转</button>
	          <button class="l-btn cropper-scaleX-btn">换向</button>
	          <button class="l-btn sureCut" id="sureCut">确定</button>
	      </div>
	  </div>
	</div>
	<canvas class="canvas" style="display:none;"></canvas>
	<!--生成海报进度-->
	<div class="CRM_log" style="display:none;position: fixed;top: 0;left: 0;background:rgba(0,0,0,0);width:100%;height: 100%;">
	    <div style="width:100%;height:100%;display:flex;vertical-align: middle;">
	        <div style="width:7rem;height:7rem;margin: auto;background: #000;border-radius: 3px;">
	        	<div style="width:3rem;height:3rem;margin: 1rem auto;">
	          		<img src="http://resource.17jxyx.com/goods/15579076440000fNM8kebmEKvL3J7.4.gif" alt="" class="load1Img" style="width:100%;height:auto;border-radius: 0.4rem;background: rgba(0,0,0,0.3)" />
	        	</div>
	        	<div style="width: 100%;text-align: center;line-height: 2rem;color: #fff;font-size：0.9rem;">正在生成<span class="img-fabrication-font-num">0</span>%</div>
	        </div>
	    </div>
	</div>
<!--	加载-->
	<div class="CRM_logs" style="display:block;position: fixed;top: 0;left: 0;background:rgba(0,0,0,0);width:100%;height: 100%;">
		<div style="width:100%;height:100%;display:flex;vertical-align: middle;">
			<div style="width:3rem;height:3rem;margin: auto;">
				<img src="http://resource.17jxyx.com/goods/15537572830000.gif" alt="" class="load1Img" style="width:100%;height:auto;border-radius: 0.4rem;background: rgba(255,255,255,0.3)" />
			</div>
		</div>
	</div>
<script src='__ROOT__ /AI_radar/js/jquery.js'></script>
<script src="__ROOT__ /AI_radar/plug_in/cut/js/cropper.min.js"></script>
<script type="text/javascript" src='__ROOT__ /AI_radar/js/qiniu/qiniu.min.js'></script>
<script src="__ROOT__ /AI_radar/js/my/html2canvas.js"></script>
<script type="text/javascript">

	var stleBody = $("body").width()*0.6*1.75-64
	$(".fabrication-photo-top").css("height",stleBody)
	//跳转素材库
	$(".poster-head-left").click(function () {
		window.location.href = window.urls.url + `/my/set?corpid=${localStorage.getItem("CRM_corpId")}&type=fodder#posters`
	})
	//跳转分享记录
	$(".poster-head-right").click(function () {
		window.location.href = window.urls.url + `/my/set?corpid=${localStorage.getItem("CRM_corpId")}&type=record#posters`
	})
	//跳转图片海报
	$(".poster-fancy-one-print").click(function () {
		window.location.href = window.urls.url + `/my/set?corpid=${localStorage.getItem("CRM_corpId")}&type=print#fabrication`
	})
	//跳转文字海报
	$(".poster-fancy-one-character").click(function () {
		window.location.href = window.urls.url + `/my/set?corpid=${localStorage.getItem("CRM_corpId")}&type=character#makes`
	})
	//跳转问答海报
	$(".poster-fancy-one-asking").click(function () {
		window.location.href = window.urls.url + `/my/set?corpid=${localStorage.getItem("CRM_corpId")}&type=asking#makes`
	})
	//跳转文字海报
	$(".make-head-right").click(function () {
		window.location.href = window.urls.url + `/my/set?corpid=${localStorage.getItem("CRM_corpId")}&type=character#makes`
	})
	//跳转问答海报
	$(".make-head-left").click(function () {
		window.location.href = window.urls.url + `/my/set?corpid=${localStorage.getItem("CRM_corpId")}&type=asking#makes`
	})

	// var userNamePoser = ""//姓名
 //    var userHeadPoser = ""//头像
 //    var userCompanyPoser = ""//公司
 //    var userQrcodePoser = ""//太阳码
    var pageObj={} //指定商品的信息
    var makeType=5//问答海报的样式
    var make_text_length = '海报上显示的内容'//输入框输入的文字--海报上显示
    var makes_types = '' //判断问答或文字
    var posterSize = 10 //ajax每页请求条数
    var photoClass = ''//更多图片类名
    var photoPage = 1//更多海报页数
    var photoJudge = 0
	var recordPage = 1//更多海报页数
	var recordJudge = 0
    // var generateObj = {//生成海报信息
    // 	address:'pages/card/card',//进入地址
    // 	imgId:'',//素材图片id
    // 	title:'',
    // 	text:'',
    // 	shopId:'',//商品id
    // 	type:'',//1：图片  2：文字  3：问答
    // }
    var generateObj = {}
    generateObj.address = 'pages/card/card'
    // console.log(generateObj)

	document.title = "名片海报"
	window.onhashchange = function(){
        var hash = location.hash;
        var name = hash.substring(1,hash.length);
        herfs(name)
    }
	var jin;
	var test = window.location.href;
	// console.log(test)
	var jin1 = test.indexOf('#');
	var jin3 = jin1 + 1;

	if(jin1>0){
		jin = test.slice(jin3);
	}
	herfs(jin)
	//根据url展示对应的div
	function herfs(newUrl){
		$(".fathers").each(function(fathersIn,fathersEl){
			if(fathersEl.getAttribute("id") == newUrl){
				$(fathersEl).css("display","block")
				titles(newUrl)
			}else{
				$(fathersEl).css("display","none")
			}
		})
	}
	//根据url展示对应的div的内容
	function titles(newUrls){
		if(newUrls == "posters"){
			document.title = "制作海报"
			var typeUrl = test.indexOf('&type=');
			// console.log(test.slice(typeUrl+6,jin1))
			// $(".CRM_logs").css("display","block")
			if(test.slice(typeUrl+6,jin1) == "fodder"){
				postersInfoAjax()
				$(".poster-head-right").removeClass("corder-wire")
				$(".poster-head-left").addClass("corder-wire")
				$("#fodder").css("display","block")
				$("#record").css("display","none")
				recommendAjax()
				
				moderAjax()
			}
			if(test.slice(typeUrl+6,jin1) == "record"){
				$(".poster-head-right").addClass("corder-wire")
				$(".poster-head-left").removeClass("corder-wire")
				$("#fodder").css("display","none")
				$("#record").css("display","block")
				acquireAjax()
				recordAjax(posterSize,1)
			}
		}

		if(newUrls == "recordDetails"){
			document.title = "海报详情"
			// $(".CRM_logs").css("display","block")
			// console.log(window.innerHeight)
			var record_height = window.innerHeight - 120 - $(".recordDetails-top").height() + "px"
			$(".recordDetails-bottom").css("height",record_height);
			var typeUrl = test.indexOf('&imgId=');
			// console.log(test.slice(typeUrl+7,jin1))
			particularsPosterAjax(test.slice(typeUrl+7,jin1))
		}
		if(newUrls == "photos"){
			// $(".CRM_logs").css("display","block")
			var typeUrl = test.indexOf('&type=');
			//滚动事件触发
	        //window.onscroll = function() {
	        //     if(getScrollTop() + getClientHeight() == getScrollHeight()) {
	        //       console.log("滚动事件触发")
	        //    }
	        //}
	        photoClass = test.slice(typeUrl+6,jin1)
	        photoPage = 1
			photosAjax(photoClass,photoPage,posterSize)
			// if(test.slice(typeUrl+6,jin1) == "daka"){
			// 	document.title = "大咖说"
			// }
		}
		if(newUrls == "makes"){
			document.title = "制作海报"
			postersInfoAjax()
			var typeUrl = test.indexOf('&type=');
			makes_types = test.slice(typeUrl+6,jin1)
			// console.log(test.slice(typeUrl+6,jin1))
			if(test.slice(typeUrl+6,jin1) == "asking"){
				$(".make-head-right").removeClass("corder-wire")
				$(".make-head-left").addClass("corder-wire")
				$(".make-image-right").css("display","inline-block")
				$(".make-font-span").css("display","block")
				$(".make-bottom-textarea").css("display","block")
			}
			if(test.slice(typeUrl+6,jin1) == "character"){
				$(".make-head-right").addClass("corder-wire")
				$(".make-head-left").removeClass("corder-wire")
				$(".make-image-right").css("display","none")
				$(".make-font-span").css("display","none")
				$(".make-bottom-textarea").css("display","none")
			}
			makesImgType(5)
		}
		
		if(newUrls = "fabrication"){
			document.title = "制作海报"
			postersInfoAjax()
			$(".CRM_logs").css("display","none")
			var typeUrl = test.indexOf('&type=');
			var stleBody2 = $("body").width()*0.7*1.75
			$(".img-fabrication-div").css("height",stleBody2)
			// console.log(test.slice(typeUrl+6,jin1))
			//自己选择本地图片
			if(test.slice(typeUrl+6,jin1) == "print"){
				$(".fabrication-photo-my").css("display","block")
				$(".fabrication-photo-rests").css("display","none")
				$(".fabrication-photo-makes").css("display","none")
				$(".fabrication-photo-left").css("position","absolute")
				$(".fabrication-photo-left").css("left","0.5rem")
				$(".fabrication-photo-left").css("bottom","0.6rem")
				$(".fabrication-photo-right").css("position","absolute")
				$(".fabrication-photo-right").css("right","0.5rem")
				$(".fabrication-photo-right").css("bottom","0.35rem")
				$(".fabrication-head-font").css("color","#333333")
				generateObj.id = 0;
				generateObj.type = 1;
				generateObj.load = 0;


			}
			//选择模块图片
			if(test.slice(typeUrl+6,jin1) == "rests"){
				$(".fabrication-photo-my").css("display","none")
				$(".fabrication-photo-makes").css("display","none")
				$(".fabrication-photo-rests").css("display","block")
				var posterImg = JSON.parse(localStorage.getItem('posterImg'))
				$(".fabrication-photo-rests-img").attr("src",posterImg.url)
				generateObj.id = posterImg.id;
				generateObj.type = 1;
				generateObj.load = 1;


				restsImgType(posterImg.type)
			}
			//问答
			if(test.slice(typeUrl+6,jin1) == "makes"){
				$(".fabrication-photo-my").css("display","none")
				$(".fabrication-photo-rests").css("display","none")
				$(".fabrication-photo-makes").css("display","block")
				var posterImg = JSON.parse(localStorage.getItem('posterImg'))
				// console.log(posterImg)
				var make_text_lengths = posterImg.title
				generateObj.id = 0;
				if(posterImg.make == "asking"){
					generateObj.type = 3;
					generateObj.title = posterImg.title;
					generateObj.text = posterImg.text;
				}
				if(posterImg.make == "character"){
					generateObj.type = 2;
					generateObj.title = posterImg.title;
				}
				generateObj.load = 1;
				// console.log(posterImg.type,posterImg.title)

        		textsMakes(posterImg.type,posterImg.title,"fabri-img-font")

				// var texts_makes=''
				// if(posterImg.type == 5 || posterImg.type == 6 || posterImg.type == 7 || posterImg.type == 8){
		  //       	if(make_text_lengths.length > 9){
		  //       		texts_makes = make_text_lengths.slice(0,9) + '<br>' + make_text_lengths.slice(9)
		  //       	}else{
		  //       		texts_makes = make_text_lengths
		  //       	}
		  //       }else{
		  //   		texts_makes = make_text_lengths
		  //   	}
		  //       $(".fabri-img-font").html(texts_makes)
				$(".fabrication-photo-makes-img").attr("src",posterImg.url)
				restsImgType(posterImg.type)
			}
			// console.log(userHeadPoser,userNamePoser,userNamePoser,userCompanyPoser)
		}
	}
	//每日推荐
	function recommendAjax(){
		$.ajax({
		    url:window.urls.url +"/poster/recommend",
		    type:"GET",
		    contentType: "application/json",
			dataType:"json",
		    success:function(res){
		    	// console.log(res)
		    	$.each(res.data, function(index, el) {
		    		var inde = index + 1
			    	var div = $("<div class='swiper-slide' style='width:150px' id='"+inde+"' names='"+el.introduce+"' types='"+el.position+"' imgId='"+el.id+"'><img src='"+el.image.path+"' class='main-img'></div>")
					$(div).appendTo(".swiper-wrapper")
		    	})

		    	//轮播图
		    	swiperLunb()
		    	var mySwiper = new Swiper(".swiper-container", {
				    slidesPerView: "auto",
				    centeredSlides: !0,
				    watchSlidesProgress: !0,
				    pagination: ".swiper-pagination",
				    paginationClickable: !0,
				    onProgress: function(a) {
				        var b, c, d;
				        for (b = 0; b < a.slides.length; b++) c = a.slides[b], d = c.progress, scale = 1 - Math.min(Math.abs(.2 * d), 1), es = c.style, es.opacity = 1 - Math.min(Math.abs(d / 2), 1), es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = "translate3d(0px,0," + -Math.abs(150 * d) + "px)"
				    },
				    onSetTransition: function(a, b) {
				        for (var c = 0; c < a.slides.length; c++) es = a.slides[c].style, es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = b + "ms"
				    }
				});
		    	// posterClickInfo()
		    },
		    error:function(res){
		      console.log(res)
		    }
		});
	}
	//渲染素材库
	function moderAjax(){
		$.ajax({
		    url:window.urls.url +"/poster/class",
		    type:"GET",
		    contentType: "application/json",
			dataType:"json",
		    success:function(res){
		    	// console.log(res)
		    	$.each(res.data, function(index, el) {
		    		var className = "poster-module-bottom"+index
		    		var divClass = $("<div class='poster-module'><div class='poster-module-top'><div class='poster-module-top-left'><p class='poster-module-top-p1'>"+el.name+"</p><p class='poster-module-top-p2'>"+el.extend_words+"</p></div><a class='poster-module-top-right' names='"+el.name+"' href='?corpid="+localStorage.getItem('CRM_corpId')+"&type="+el.id+"#photos'>显示更多<i class='iconfont icon-angle-right' style='font-size: 13px;'></i></a></div><div class='poster-module-bottom "+className+"'></div></div>")
		    		$(divClass).appendTo(".poster-module-z")
		    		// console.log(el.poster)
		    		$.each(el.poster, function(ind, dom) {
			    		var divClass2 = $("<div class='poster-module-ones'><div class='poster-module-one poster-rests-button' types='"+dom.position+"' imgId='"+dom.id+"'><img src='"+dom.image.path+"'><div class='poster-module-one-bottom'><div class='poster-module-button background-color'>点击使用</div></div></div></div>")
			    		$(divClass2).appendTo("." + className)
			    	})
		    	})
				$(".CRM_logs").css("display","none")
		    	posterClickInfo()
		    },
		    error:function(res){
		      console.log(res)
		    }
		});
	}
	//获取模块所有图片
	function photosAjax(num,page,size){
		// console.log(num,page,size)
		$.ajax({
		    url:window.urls.url +"/poster/list",
		    type:"POST",
		    contentType: "application/json",
			dataType:"json",
			data:JSON.stringify({
		    	class:num,
		    	size:size,
		    	page:page
		    }),
		    success:function(res){
		    	// console.log(res)
		    	// console.log(res.data.data)
		    	if(page == 1){
		    		document.title = res.data.data[0].category.name
		    		$(".poster-num").html(res.data.total)
		    	}
		    	if(res.data.data.length > 0){
			    	$.each(res.data.data, function(index, el) {
			    		var divList = $("<div class='poster-more-one poster-rests-button' types='"+el.position+"' imgId='"+el.id+"'><img src='"+el.image.path+"'><div class='poster-more-one-bottom'><div class='poster-more-button background-color'>点击使用</div></div></div>")
			    		$(divList).appendTo(".poster-more-Bottom2")
			    	})
			    	posterClickInfo()
			    	photoJudge = 1
			    	if(res.data.data.length < size){
			    		photoJudge = 0
		    			$(".poster-more-more").html("没有更多了")
			    	}
		    	}else{
		    		photoJudge = 0
		    		$(".poster-more-more").html("没有更多了")
		    	}
				$(".CRM_logs").css("display","none")
		    },
		    error:function(res){
		      console.log(res)
		    }
		});
	}

	//分享记录
	function recordAjax(size,page){
		// console.log(size,page)
		$.ajax({
			url:window.urls.url +"/poster/user",
			type:"POST",
			contentType: "application/json",
			dataType:"json",
			data:JSON.stringify({
				size:size,
				page:page
			}),
			success:function(res){
				// console.log(res)
				if(page == 1){
					$(".poster-record-num").html(res.data.total)
				}
				if(res.data.data.length > 0){
					$.each(res.data.data, function(index, el) {
						var divList = $("<div class='record-more-one record-rests-button'><img src='"+el.image.url+"'><div class='record-more-one-bottom'><div class='record-more-time'>"+el.update_time+"</div><div class='record-more-record'><div class='record-more-record-left'>获客 <span class='record-more-record-num'>"+el.user_count+"</span> 人</div><div class='record-more-record-right' types='"+el.id+"'>详情<i class='iconfont icon-angle-right' style='font-size: 12px;'></i></div></div></div></div>")
						$(divList).appendTo(".poster-more-Bottom")
					})
					recordParticulars()
					recordJudge = 1
					if(res.data.data.length < size){
						recordJudge = 0
						$(".poster-more-Bottom-more").html("没有更多了")
					}
				}else{
					recordJudge = 0
					$(".poster-more-Bottom-more").html("没有更多了")
				}

				$(".CRM_logs").css("display","none")
			},
			error:function(res){
				console.log(res)
			}
		});
	}
	//获客人数
	function acquireAjax(){
		$.ajax({
			url:window.urls.url +"/poster/all",
			type:"GET",
			contentType: "application/json",
			dataType:"json",
			success:function(res){
				// console.log(res)
				$(".poster-record-user").html(res.data.num)
			},
			error:function(res){
				console.log(res)
			}
		});
	}
	//海报分享详情
	function particularsPosterAjax(posterid){
		$.ajax({
			url:window.urls.url +"/poster/userinfo/" + posterid,
			type:"GET",
			contentType: "application/json",
			dataType:"json",
			success:function(res){
				// console.log(res)
				$(".recordDetails-img").attr("src",res.data[0].image.url)
				$(".recordDetails-time").html(res.data[0].update_time)
				$(".recordDetails-num").html(res.data[0].brower_num)
				if(res.data[0].page == "pages/card/card"){
					$(".recordDetails-info").html("名片")
				}
				if(res.data[0].page == "pages/index/index"){
					$(".recordDetails-info").html("商城")
				}
				if(res.data[0].page == "pages/official/official"){
					$(".recordDetails-info").html("官网")
				}
				if(res.data[0].page == "pages/index/particulars/particulars"){
					$(".recordDetails-info").html(res.data[0].good.name)
				}
				if(res.data[0].word != ''){
					$(".recordDetails-titles").css("display","block")
					$(".recordDetails-title").html(res.data[0].word)
				}
				if(res.data[0].eject != ''){
					$(".recordDetails-texts").css("display","block")
					$(".recordDetails-text").html(res.data[0].eject)
				}
				if(res.data[0].user.length > 0){
					$.each(res.data[0].user, function(index, el) {
						var recordTimes = el.update_time
						recordTimes = recordTimes.slice(0,recordTimes.indexOf(' '))
						var div = ("<div class='recordDetails-one'><div class='recordDetails-one-head'><img src='"+el.users.avatar_url+"'></div><div class='recordDetails-one-name overflow'>"+el.users.nickname+"</div><div class='recordDetails-one-time overflow'>"+recordTimes+"</div></div>")
						$(div).appendTo(".recordDetails-bottom")
					})
				}
				$(".CRM_logs").css("display","none")
			},
			error:function(res){
				console.log(res)
			}
		});
	}
	//进入海报详情
	function recordParticulars(){
		$(".record-more-record-right").each(function (ind,dom) {
			dom.onclick = function(){
				window.location.href = window.urls.url + `/my/set?corpid=${localStorage.getItem("CRM_corpId")}&imgId=`+dom.getAttribute("types")+`#recordDetails`
			}
		})
	}
	// 再次分享
	$(".recordDetails-botton").click(function(){
		$(".recordDetails-details").css("display","none")
		$(".recordDetails-botton-img").css("display","block")

	})
	//返回
	$(".recordDetails-botton-back").click(function(){
		$(".recordDetails-botton-img").css("display","none")
		$(".recordDetails-details").css("display","block")

	})
	
	//点击图片进入
	function posterClickInfo(){
		$(".poster-rests-button").each(function(restsind,restsel){
			restsel.onclick = function(){
				// console.log($(restsel).find("img").attr("src"))
				// $(".fabrication-photo-rests-img").attr("src",$(restsel).find("img").attr("src"))
				var posterImgObj={
					url:$(restsel).find("img").attr("src"),
					id:$(restsel).attr("imgId"),
					title:'',
					text:'',
					type:$(restsel).attr("types"),
					make:'',
				}
				localStorage.setItem('posterImg',JSON.stringify(posterImgObj));
				window.location.href = window.urls.url + `/my/set?corpid=${localStorage.getItem("CRM_corpId")}&type=rests#fabrication`
			}
		})
	}
	//海报样式生成图片
	function restsImgType(types){
		if(types == 1){
			$(".fabrication-photo-left1").css("display","none")
			$(".fabrication-photo-left2").css("display","block")


			$(".fabrication-photo-left").css("position","absolute")
			$(".fabrication-photo-left").css("right","4%")
			$(".fabrication-photo-left").css("top","4%")
			$(".fabrication-photo-right").css("position","absolute")
			$(".fabrication-photo-right").css("left","4%")
			$(".fabrication-photo-right").css("top","9%")
			$(".fabrication-head-font-color").css("color","#333333")
			$(".fabrication-head-font-color2").css("color","#333333")
		}
		if(types == 2){
			$(".fabrication-photo-left1").css("display","block")
			$(".fabrication-photo-left2").css("display","none")
			$(".fabrication-photo-left").css("position","absolute")
			$(".fabrication-photo-left").css("left","4%")
			$(".fabrication-photo-left").css("top","22%")
			$(".fabrication-photo-right").css("position","absolute")
			$(".fabrication-photo-right").css("right","6%")
			$(".fabrication-photo-right").css("top","27%")
			$(".fabrication-head-font-color").css("color","#fff")
			$(".fabrication-head-font-color2").css("color","#333333")

		}
		if(types == 3){
			$(".fabrication-photo-left1").css("display","block")
			$(".fabrication-photo-left2").css("display","none")
			$(".fabrication-photo-left").css("position","absolute")
			$(".fabrication-photo-left").css("left","4%")
			$(".fabrication-photo-left").css("bottom","16%")
			$(".fabrication-photo-right").css("position","absolute")
			$(".fabrication-photo-right").css("right","3%")
			$(".fabrication-photo-right").css("bottom","2.5%")
			$(".fabrication-head-font-color").css("color","#fff")
			$(".fabrication-head-font-color2").css("color","#fff")

		}
		if(types == 5 || types == 6 || types == 7){
			 $(".fabri-user-right").removeAttr("style","");
			$(".fabri-img-font").css("width","90%")
			$(".make-user-color").css("color","#333333")
			$(".fabri-img-font").css("position","absolute")
			$(".fabri-img-font").css("top","30%")
			$(".fabri-img-font").css("left","5%")
			$(".fabri-user-left").css("position","absolute")
			$(".fabri-user-left").css("top","3%")
			$(".fabri-user-left").css("left","4%")
			$(".fabri-user-right").css("position","absolute")
			$(".fabri-user-right").css("top","3%")
			$(".fabri-user-right").css("right","5%")
		}
		if(types == 8){
			$(".fabri-user-right").removeAttr("style","");
			$(".fabri-img-font").css("width","90%")
			$(".make-user-color").css("color","#333333")
			$(".fabri-img-font").css("position","absolute")
			$(".fabri-img-font").css("top","47%")
			$(".fabri-img-font").css("left","5%")
			$(".fabri-user-left").css("position","absolute")
			$(".fabri-user-left").css("top","3%")
			$(".fabri-user-left").css("left","4%")
			$(".fabri-user-right").css("position","absolute")
			$(".fabri-user-right").css("bottom","2%")
			$(".fabri-user-right").css("right","4%")
		}
		if(types == 9){
			$(".fabri-user-right").removeAttr("style","");
			$(".fabri-img-font").css("width","73%")
			$(".make-user-color").css("color","#fff")
			$(".fabri-img-font").css("position","absolute")
			$(".fabri-img-font").css("top","35%")
			$(".fabri-img-font").css("left","13.5%")
			$(".fabri-user-left").css("position","absolute")
			$(".fabri-user-left").css("top","3%")
			$(".fabri-user-left").css("left","4%")
			$(".fabri-user-right").css("position","absolute")
			$(".fabri-user-right").css("bottom","2.5%")
			$(".fabri-user-right").css("right","4%")
		}
		if(types == 10){
			$(".fabri-user-right").removeAttr("style","");
			$(".fabri-img-font").css("width","73%")
			$(".make-user-color").css("color","#fff")
			$(".fabri-img-font").css("position","absolute")
			$(".fabri-img-font").css("top","36%")
			$(".fabri-img-font").css("left","13.5%")
			$(".fabri-user-left").css("position","absolute")
			$(".fabri-user-left").css("top","3%")
			$(".fabri-user-left").css("left","4%")
			$(".fabri-user-right").css("position","absolute")
			$(".fabri-user-right").css("top","3%")
			$(".fabri-user-right").css("right","5%")
		}
	}
	//问答/文字海报选择样式
	function makesImgType(types){
		if(types == 5 || types == 6 || types == 7){
			 $(".make-user-right").removeAttr("style","");
			$(".make-img-font").css("width","90%")
			$(".make-user-color").css("color","#333333")
			$(".make-img-font").css("position","absolute")
			$(".make-img-font").css("top","30%")
			$(".make-img-font").css("left","5%")
			$(".make-user-left").css("position","absolute")
			$(".make-user-left").css("top","3%")
			$(".make-user-left").css("left","4%")
			$(".make-user-right").css("position","absolute")
			$(".make-user-right").css("top","3%")
			$(".make-user-right").css("right","4%")
		}
		if(types == 8){
			$(".make-user-right").removeAttr("style","");
			$(".make-img-font").css("width","90%")
			$(".make-user-color").css("color","#333333")
			$(".make-img-font").css("position","absolute")
			$(".make-img-font").css("top","47%")
			$(".make-img-font").css("left","5%")
			$(".make-user-left").css("position","absolute")
			$(".make-user-left").css("top","3%")
			$(".make-user-left").css("left","4%")
			$(".make-user-right").css("position","absolute")
			$(".make-user-right").css("bottom","2.5%")
			$(".make-user-right").css("right","4%")
		}
		if(types == 9){
			$(".make-user-right").removeAttr("style","");
			$(".make-img-font").css("width","73%")
			$(".make-user-color").css("color","#fff")
			$(".make-img-font").css("position","absolute")
			$(".make-img-font").css("top","35%")
			$(".make-img-font").css("left","13.5%")
			$(".make-user-left").css("position","absolute")
			$(".make-user-left").css("top","3%")
			$(".make-user-left").css("left","4%")
			$(".make-user-right").css("position","absolute")
			$(".make-user-right").css("bottom","2.5%")
			$(".make-user-right").css("right","4%")
		}
		if(types == 10){
			$(".make-user-right").removeAttr("style","");
			$(".make-img-font").css("width","73%")
			$(".make-user-color").css("color","#fff")
			$(".make-img-font").css("position","absolute")
			$(".make-img-font").css("top","36%")
			$(".make-img-font").css("left","13.5%")
			$(".make-user-left").css("position","absolute")
			$(".make-user-left").css("top","3%")
			$(".make-user-left").css("left","4%")
			$(".make-user-right").css("position","absolute")
			$(".make-user-right").css("top","3%")
			$(".make-user-right").css("right","4%")
		}
		$(".CRM_logs").css("display","none")
	}
	
	//问答海报图片选择
	$(".make-center-image-one").each(function(imageind,imageel){
		imageel.onclick = function(){
			$(".make-center-image-one").each(function(imageind2,imageel2){
				$(imageel2).css("border","2px solid #eee")
			})
			var src = $(imageel).attr("src")
			$(imageel).css("border","2px solid #4f81d4")
			$(".make-images").attr("src",src)
			makeType = imageel.getAttribute("types")
			
			if($(".make-input").val().length > 0){
				textsMakes(makeType,$(".make-input").val(),"make-img-font")
			}else{
				textsMakes(makeType,"海报上显示的内容","make-img-font")
			}
			// if(makeType == 5 || makeType == 6 || makeType == 7 || makeType == 8){
	  //       	if(make_text_length.length > 9){
	  //       		texts_make = make_text_length.slice(0,9) + '<br>' + make_text_length.slice(9)
	  //       	}else{
	  //       		texts_make = make_text_length
	  //       	}
	  //       }else{
	  //   		texts_make = make_text_length
	  //   	}
	  //       $(".make-img-font").html(texts_make)
			makesImgType(imageel.getAttribute("types"))
		}
	})
	//监听input
	$('.make-input').bind('input propertychange', function() {
        var $this = $(this);
        make_text_length = $this.val()
        textsMakes(makeType,make_text_length,"make-img-font")
        // console.log(make_text_lengt)
     //    var texts_make = ''
     //    if(makeType == 5 || makeType == 6 || makeType == 7 || makeType == 8){
     //    	if(make_text_length.length > 9){
     //    		texts_make = make_text_length.slice(0,9) + '<br>' + make_text_length.slice(9)
     //    	}else{
     //    		texts_make = make_text_length
     //    	}
     //    }else{
    	// 	texts_make = make_text_length
    	// }
     //    $(".make-img-font").html(texts_make)
        $(".make-input-num").html(make_text_length.length)
    });
    //监听textarea
    $('.make-textarea').bind('input propertychange', function() {
        var $this2 = $(this);
        var text_length2 = $this2.val()
        // $(".greetAddBotRs").html(text_length2)
        $(".make-textarea-num").html(text_length2.length)
    });

    //问答/文字海报保存制作
    $(".make-save").click(function(){
    	var make_input = $(".make-input").val()
    	make_input = make_input.replace(/\s/g,"");
    	var make_textarea = $(".make-textarea").val()
    	make_textarea = make_textarea.replace(/\s/g,"");

		if(make_input.length < 1){
			alert("请输入海报上显示内容")
			return false
		}
    	if(makes_types == "asking"){
    		if(make_textarea.length < 1){
    			alert("请输入扫码后弹出内容")
    			return false
    		}
    	}
    	var makeImgObj = {
			url:$(".make-images").attr("src"),
			id:'0',
			title:$(".make-input").val(),
			text:$(".make-textarea").val(),
			type:makeType,
			make:makes_types,
		}
		// console.log(makeImgObj)
    	localStorage.setItem('posterImg',JSON.stringify(makeImgObj));
		window.location.href = window.urls.url + `/my/set?corpid=${localStorage.getItem("CRM_corpId")}&type=makes#fabrication`

    })
    //看看别人怎么写
    $(".make-input-top-right").click(function(){
    	// console.log(makes_types)
    	$('.makes').css("display","none")
    	$(".see-onself").css("display","block")
    	if(makes_types == "asking"){
    		$(".see-onself-character").css("display","none")
    		$(".see-onself-asking").css("display","block")
    	}
    	if(makes_types == "character"){
    		$(".see-onself-asking").css("display","none")
    		$(".see-onself-character").css("display","block")
    	}
    	seeOneself(makes_types)
    })
    //选择别人的模板
    function seeOneself(makes_types){
    	// if(makes_types == "asking"){
    		$(".see-onself-asking-one").each(function(index,el){
    			el.onclick = function(){
    				// console.log($(el).find(".see-onself-one-title").html())
    				// console.log($(el).find(".see-onself-one-text").html())
    				if(makes_types == "asking"){
    					$(".make-textarea").val($(el).find(".see-onself-one-text").html())
    					$(".make-textarea-num").html($(el).find(".see-onself-one-text").html().length)
    				}
    				$(".make-input").val($(el).find(".see-onself-one-title").html())
    				$(".make-input-num").html($(el).find(".see-onself-one-title").html().length)
    				textsMakes(makeType,$(el).find(".see-onself-one-title").html(),"make-img-font")
    				$(".see-onself").css("display","none")
    				$('.makes').css("display","block")
    			}
    		})
    	// }
    	// if(makes_types == "character"){

    	// }
    	
    }
    //文字同步显示到图片上
    function textsMakes(textsMake,textVal,dom){
    	// console.log(textsMake,textVal)
		var texts_make = ''
        if(textsMake == 5 || textsMake == 6 || textsMake == 7 || textsMake == 8){
        	if(textVal.length > 9){
        		texts_make = textVal.slice(0,9) + '<br>' + textVal.slice(9)
        	}else{
        		texts_make = textVal
        	}
        }else{
    		texts_make = textVal
    	}
        $("." + dom).html(texts_make)
    }

    //弹出选择进入页面
    $(".fabrication-photo-font3").click(function(){
    	$(".page-entrance").css("display","block")
    	entrance()
    })
    //隐藏选择进入页面
    $(".page-entrance").click(function(){
    	$(".page-entrance").css("display","none")
    })
    //选择进入页面
    function entrance(){
		$(".page-entrance-center").each(function(entranceind,entranceel){
			entranceel.onclick = function(){
				//console.log(entranceel.getAttribute("entranceId"))
				if(entranceel.getAttribute("entranceId") == 4){
					// console.log("指定商品",$(entranceel).html())
					$(".page-shop").css("display","block")
					if($(".page-shop-shopdiv").length > 0){
						$(".page-shop-shopdiv").each(function(a,b){
							b.remove()
						})
						$(".page-shop-shopRz").each(function(c,d){
							d.remove()
						})
					}
				pageClassAjax()
				}else{
					// console.log("进入其他",$(entranceel).html())
					$(".fabrication-photo-font2").html($(entranceel).html())
					//console.log($(entranceel).attr("address"))
					generateObj.address = $(entranceel).attr("address");
					generateObj.shopId = '';
					$(".fabrication-photo-font2").attr("address",$(entranceel).attr("address"))

				}
			}
		})
    }
   
	//选择商品
	function pageShopClick(){
		$(".page-shop-shopRz").each(function(ind2,dom2){
			dom2.onclick = function(){
				pageObj = {
						goods_id:dom2.getAttribute("cid"),
						name:dom2.getAttribute("names")
					}
				if(dom2.children[0].checked == false){
						dom2.children[0].checked = true;
				}else{
					dom2.children[0].checked = false;
				}
					
			}
		})
	}
	//请求商品类
	function pageClassAjax(){
	    $.ajax({
		    url:window.urls.url +"/my/category",
		    type:"POST",
		    contentType: "application/json",
			dataType:"json",
		    data:JSON.stringify({
		    	token:window.tokens.token_boss,
		    }),
		    success:function(res){
		    	$.each(res.data, function(index, el) {
		    		var div
		    		if(index == 0){
		    			div = $("<div class='page-shop-shopdiv page-shop-shopdiv1'><div class='page-shop-shopFont page-shop-shopse' did='"+el.id+"'>"+el.name+"</div></div>")
		    			pageShopAjax(el.id,1)
		    		}else{
		    		    div = $("<div class='page-shop-shopdiv page-shop-shopdiv1'><div class='page-shop-shopFont' did='"+el.id+"'>"+el.name+"</div></div>")
		    		}
		    		$(div).appendTo(".page-shop-shopL")
		    	})
		      // console.log(res.data)
		      pageClicks()

		    },
		    error:function(res){
		      console.log(res)
		    }
		});
	}
	//点击商品类
	function pageClicks(){
		var shopFont = document.querySelectorAll(".page-shop-shopFont")
	    Array.from(shopFont).forEach(function(c,d){
		    c.onclick = function(){
		      	Array.from(shopFont).forEach(function(a,b){
				    a.classList.remove("page-shop-shopse")
			    })
			    $(".page-shop-shopRN").children().each(function(ind,dom){
		    		dom.remove()
		    	})
		    	pageShopAjax(c.getAttribute("did"),1)
			    c.classList.add("page-shop-shopse")
		    }
	    })
	}
	//请求商品
	function pageShopAjax(num,page){
		$.ajax({
		    url:window.urls.url +"/my/goods/list",
		    type:"POST",
		    contentType: "application/json",
			dataType:"json",
		    data:JSON.stringify({
		    	token:window.tokens.token_boss,
		    	category:num,
		    	page:page
		    }),
		    success:function(res){
		      // console.log(res.data)
	    			// console.log(arr)
    			if(res.data.length>0){
		    		res.data.forEach(function(el1,ind1){
	    				var divs = $("<div class='page-shop-shopRz' cid='"+el1.id+"' names='"+el1.name+"'><input type='radio' name='tableTop' class='page-shop-tableTop'><img src='"+el1.main_img_url+"' alt=''><div class='page-shop-nameP'>"+el1.name+"</div><p class='page-shop-moneyP'>￥"+el1.price+"</p></div>")
		    			
			    		$(divs).appendTo(".page-shop-shopRN")
			    	})
    			}
    			if(res.data.length == 10){
    				$(".page-shop-shopRX").css("display","block")
    				$(".page-shop-shopRM").css("display","none")
    				$(".page-shop-shopRX").click(function(){
    					page++
    					pageShopAjax(num,page)
					})

    			}else{
    				$(".page-shop-shopRX").css("display","none")
    				$(".page-shop-shopRM").css("display","block")
    			}
		    	pageShopClick()

		    },
		    error:function(res){
		      console.log(res)
		    }
		});
	}
	// 确定
	$(".page-shop-shopZTopR").click(function(){
		// console.log(pageObj)
		$(".fabrication-photo-font2").html(pageObj.name)
		$(".fabrication-photo-font2").attr("address","pages/index/particulars/particulars")
		generateObj.address = "pages/index/particulars/particulars";
		generateObj.shopId = pageObj.goods_id;
		// console.log(generateObj)
		$(".page-shop").css("display","none")
	})
	//取消
	$(".page-shop-shopZTopL").click(function(){
		$(".page-shop").css("display","none")
	})
	//生成海报
	$(".fabrication-photo-button").click(function(){
		// console.log(generateObj)
		generatePoster(generateObj)
	})

	//生成海报前向后台提交数据
	function generatePoster(generateObj){
		//console.log(generateObj)
		var wordsObj={}
		if(generateObj.type == 2){
			wordsObj.word = generateObj.title
		}
		if(generateObj.type == 3){
			wordsObj.word = generateObj.title
			wordsObj.eject = generateObj.text
		}
		if(generateObj.shopId){
			wordsObj.goods_id = generateObj.shopId
		}
		if(generateObj.load == 0){
			if($(".fabrication-photo-image").attr("src") == ''){
				alert("请选择图片");
				return false;
			}
		}
		$(".CRM_log").css("display","block")
		if(generateObj.load == 1){
			//下载素材
			getBase64(JSON.parse(localStorage.getItem('posterImg')).url)
	            .then(function(base64){
	            	// localStorage.setItem("qrcodeImg",base64)
	            	document.querySelector(".photo-img-material").src = base64
					$(".img-fabrication-font-num").html(parseInt($(".img-fabrication-font-num").html()) + 10)

	                // console.log(base64);//处理成功打印在控制台
	            },function(err){
	                console.log(err);//打印异常信息
	            }); 
		}else{
			$(".img-fabrication-font-num").html(parseInt($(".img-fabrication-font-num").html()) + 10)
		}


		// console.log(generateObj.address,generateObj.id,generateObj.type,wordsObj)
		//获取太阳吗
		$.ajax({
		    url:window.urls.url + "/poster/qrcode",
		    type:"POST",
		    contentType: "application/json",
		    dataType:"json",
		    data:JSON.stringify({
		        m_id:generateObj.id,
		        style:generateObj.type,
		        path:generateObj.address,
		        words:wordsObj
		    }),
		    success:function(res){
		        // console.log(res)
		        $(".img-fabrication-font-num").html(parseInt($(".img-fabrication-font-num").html()) + 10)
		    	getBase64(res.data.key)
	            .then(function(base64){
	            	$(".userQrcode").attr("src",base64)
	            	$(".img-fabrication-font-num").html(parseInt($(".img-fabrication-font-num").html()) + 15)
	            	// document.querySelector(".userQrcode").src = base64
				    jQuery(document).ready(function(){
				    	var dom=$(".fabrication-photo"); //你要转变的dom
					    var width = dom.width();
					    var height = dom.height();
					    var type = "png";
					    var scaleBy = 3;  //缩放比例
					    var canvas = document.createElement('canvas');
					    var rect = dom.get(0).getBoundingClientRect(); 
					    canvas.width = width * scaleBy;
					    canvas.height = height * scaleBy;  //35是我处理完后发现短了一点，具体为什么不清楚,如果你也少的话，根据自己的项目调吧
					    canvas.style.width = width * scaleBy + 'px';
					    canvas.style.height = height * scaleBy + 'px';
					    var context = canvas.getContext('2d');
					    context.scale(scaleBy, scaleBy);
					    context.translate(-rect.left,-rect.top);
					    // 【重要】关闭抗锯齿
				        context.mozImageSmoothingEnabled = false;
				        context.webkitImageSmoothingEnabled = false;
				        context.msImageSmoothingEnabled = false;
				        context.imageSmoothingEnabled = false;

				        var img = new Image();
				        //此处图像默认放置占位，必须真实有效存在
				        setTimeout(function(){
					        img.src='https://business.17jxyx.com/AI_radar/image/my/images.jpg';
					        img.onload = function(){
					            var elem = jQuery('.fabrication-photo');
					            html2canvas([elem.get(0)], {
					            	canvas:canvas,
					                onrendered: function (canvas) {
					                    var image = canvas.toDataURL("image/png");
					                    // console.log(image)
					                    var timetamp = Date.parse(new Date()) 
					                    var filename = 'poster'+timetamp+".jpg";
					                    $(".img-fabrication-font-num").html(parseInt($(".img-fabrication-font-num").html()) + 30)
					                    // console.log(res.data.id)
					                    dataURLtoFile(image,filename,res.data.id)
					                    
					                    var pHtml = "<img src='"+image+"' style='width:100%;height:100%'>";
					                	$(".fabrication-photo-fabrication").css("display",'none')
					                    $('.fabrication-photo').html("");
					                    $(".fabrication-photo-fabrication-img").css("display","block")
					                    jQuery(".img-fabrication-div").html(pHtml);
					                    // $(".CRM_log").css("display","none")
					                    // jQuery("#content").attr("style","padding-top:40px");
					                    // $("#content").append(Canvas2Image.convertToImage(canvas,width* scaleBy,height* scaleBy,type));//这是放大了很3倍的图片
					        			// $("#content img").css("width",width+"px").css("height",height+"px");//
					                }
					            });
					        }
				        },1000)
					});
					setTimeout(function(){
						$(".motivationalbtn").css("display","none")
						$(".motivationalImages").css("display","block")

					},1000)
	            },function(err){
	                console.log(err);//打印异常信息
	            }); 
		       
		    },
		    error:function(res){
		        console.log(res)
		    }
	  	})
	}
	//base64zhu转换file
	function dataURLtoFile(dataurl, filename,qrcodeId) {
        var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
        while(n--){
            u8arr[n] = bstr.charCodeAt(n);
        }
        var fi = new File([u8arr], filename, {type:mime});
          // console.log(fi)
        qiniuAjax(fi,qrcodeId)
    }
    //获取个人信息

    function postersInfoAjax(){
    	$.ajax({
		    url:window.urls.url + "/my/oneself/info",
		    type:"POST",
		    contentType: "application/json",
		    dataType:"json",
		    data:JSON.stringify({
		        token:window.tokens.token_boss,
		    }),
		    success:function(res){
		        // console.log(res.data)
		        // $(".CRM_log").css("display","none")
		        if(res.data){
		        	if(res.data.userimg){
		        		// if(localStorage.getItem("headImg")){
		        		// 	$(".userHead").attr("src",JSON.parse(localStorage.getItem("headImg")).url)
						// 	// document.querySelector(".userHead").src = JSON.parse(localStorage.getItem("headImg")).url
		        		// }else{
			        		getBase64(res.data.userimg.url)
				            .then(function(base64){
				            	// var obj = {
				            	// 	id:res.data.thirdapp.img.id,
				            	// 	url:base64
				            	// }
				            	// localStorage.setItem("headImg",JSON.stringify(obj))
				            	$(".userHead").attr("src",base64)
				            	// document.querySelector(".userHead").src = base64
				                // console.log(base64);//处理成功打印在控制台
				            },function(err){
				                console.log(err);//打印异常信息
				            }); 
				        // }
		        	}
		        	// userCompanyPoser = res.data.position
		        	// userNamePoser = res.data.name
	        		$(".userName").html(res.data.name)
	        		$(".userCompany").html(res.data.position)
		        }
		    },
		    error:function(res){
		        console.log(res)
		    }
	  	})
	  	$.ajax({
		      url:window.urls.url + "/my/qrcode",
		      type:"POST",
		      contentType: "application/json",
		      dataType:"json",
		      data:JSON.stringify({
		        token:window.tokens.token_boss,
		      }),
		      success:function(res){
		        if(res.data){
		        	// userQrcodePoser = res.data.url
		        	$(".userQrcode").attr("src",res.data.url)
		        }
		      },
		      error:function(res){
		        console.log(res)
		      }
	  	})
    }
		
	//弹出图片裁剪框
    $(".fabrication-photo-top").on("click",function () {
        $(".tailoring-container").toggle();
    });
    //图像上传
    function selectImg(file) {
      // console.log(file)
      // alert(file)
        if (!file.files || !file.files[0]){
            return;
        }else{
          var touNews = file.files[0].name;
          var filsenames1 = touNews.indexOf('.');
          var filsenames3 = filsenames1;
          var filsenames = touNews.slice(filsenames3);
          var timetamp = Date.parse(new Date()) 
          // filename = 'head'+timetamp+filsenames;

        }
        var reader = new FileReader();
        reader.onload = function (evt) {
            var replaceSrc = evt.target.result;
            //更换cropper的图片
            $('#tailoringImg').cropper('replace', replaceSrc,false);//默认false，适应高度，不失真
        };
        reader.readAsDataURL(file.files[0]);
    }
    //cropper图片裁剪
    var minWidth = 170;
    var minHeight=170;
    $('#tailoringImg').cropper({
        aspectRatio: 100/146,//默认比例
        preview: '.previewImg',//预览视图
        guides: false,  //裁剪框的虚线(九宫格)
        autoCropArea: 0.5,  //0-1之间的数值，定义自动剪裁区域的大小，默认0.8
        movable: false, //是否允许移动图片
        dragCrop: true,  //是否允许移除当前的剪裁框，并通过拖动来新建一个剪裁框区域
        movable: true,  //是否允许移动剪裁框
        resizable: false,  //是否允许改变裁剪框的大小
        zoomable: false,  //是否允许缩放图片大小
        mouseWheelZoom: false,  //是否允许通过鼠标滚轮来缩放图片
        touchDragZoom: true,  //是否允许通过触摸移动来缩放图片
        rotatable: true,  //是否允许旋转图片
        minCropBoxWidth: minWidth,//类型:Number,默认值0。canvas 的最小宽度(image wrapper)。 
        minCropBoxHeight:minHeight,//类型:Number,默认值0。canvas 的最小高度(image wrapper)。 
        crop: function(e) {
            // 输出结果数据裁剪图像。
        }
    });
    //旋转
    $(".cropper-rotate-btn").on("click",function () {
        $('#tailoringImg').cropper("rotate", 45);
    });
    //复位
    $(".cropper-reset-btn").on("click",function () {
        $('#tailoringImg').cropper("reset");
    });
    //换向
    var flagX = true;
    $(".cropper-scaleX-btn").on("click",function () {
        if(flagX){
            $('#tailoringImg').cropper("scaleX", -1);
            flagX = false;
        }else{
            $('#tailoringImg').cropper("scaleX", 1);
            flagX = true;
        }
        flagX != flagX;
    });
    // var fi;
    // var filename;

    //裁剪后的处理
    $("#sureCut").on("click",function () {
        if ($("#tailoringImg").attr("src") == null ){
            return false;
        }else{
            var cas = $('#tailoringImg').cropper('getCroppedCanvas');//获取被裁剪后的canvas
            // console.log(cas)
            var base64url = cas.toDataURL('image/png'); //转换为base64地址形式
            document.querySelector(".fabrication-photo-image").src = base64url;
            $(".fabrication-photo-img").css("display","none")
            $(".fabrication-photo-image").css("display","block")
            // dataURLtoFile(base64url, filename);
            // function dataURLtoFile(dataurl, filename) {
            //   var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
            //   bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
            //   while(n--){
            //       u8arr[n] = bstr.charCodeAt(n);
            //   }
            //   fi = new File([u8arr], filename, {type:mime});
            // }

            //关闭裁剪框
            closeTailor();
        }
    });
    //关闭裁剪框
    function closeTailor() {
        $(".tailoring-container").toggle();
    }
    //轮播图生成海报
    $(".swiper-buttons").click(function(){
    	// console.log($(".swiper-slide-active"))
    	// console.log($(".swiper-slide-active").find("img").attr("src"))
    	// console.log($(".swiper-slide-active").attr("types"))
    	var lunbImgObj={
				url:$(".swiper-slide-active").find("img").attr("src"),
				id:$(".swiper-slide-active").attr("imgId"),
				title:'',
				text:'',
				type:$(".swiper-slide-active").attr("types"),
				make:'',
			}
			localStorage.setItem('posterImg',JSON.stringify(lunbImgObj));
			window.location.href = window.urls.url + `/my/set?corpid=${localStorage.getItem("CRM_corpId")}&type=rests#fabrication`

    })

    //将生成的图片传给后台入库
    function shareImgAjax(qrcodeid,poster_id){
    	$.ajax({
		    url:window.urls.url + "/poster/add",
		    type:"POST",
		    contentType: "application/json",
		    dataType:"json",
		    data:JSON.stringify({
		       id:qrcodeid,
		       poster_id:poster_id
		    }),
		    success:function(res){
		        // console.log(res)
		        $(".img-fabrication-font-num").html(parseInt($(".img-fabrication-font-num").html()) + 10)
				$(".CRM_log").css("display","none")

		    },
		    error:function(res){
		        console.log(res)
		    }
	  	})
    }
	//更多图片分页
	//获取当前可视范围的高度
	 function getClientHeight() {
		 var clientHeight = 0;
		 if(document.querySelector(".poster-more-Bottom").clientHeight && document.documentElement.clientHeight) {
			clientHeight = Math.min(document.querySelector(".poster-more-Bottom").clientHeight, document.documentElement.clientHeight);
		 } else {
			clientHeight = Math.max(document.querySelector(".poster-more-Bottom").clientHeight, document.documentElement.clientHeight);
		 }
		 // console.log(clientHeight)

		 return clientHeight - 95;
	 }
	 $(".poster-more-Bottom").on("scroll",function(){
		// console.log($(this).scrollTop())
		// console.log($(".poster-more-Bottom2").height(),getClientHeight())


		if($(".poster-more-Bottom2").height() - getClientHeight() == $(this).scrollTop()){
			// console.log("滚动事件触发")
			if(photoJudge == 1){
				photoJudge = 0
				photoPage++
				photosAjax(photoClass,photoPage,posterSize)
			}
		}

	 })


	//分享记录分页
	function getClientHeight2() {
		var clientHeight = 0;
		if(document.querySelector(".poster-record-Z").clientHeight && document.documentElement.clientHeight) {
			clientHeight = Math.min(document.querySelector(".poster-record-Z").clientHeight, document.documentElement.clientHeight);
		} else {
			clientHeight = Math.max(document.querySelector(".poster-record-Z").clientHeight, document.documentElement.clientHeight);
		}

		return clientHeight;
	}
	$(".poster-record-Z").on("scroll",function(){
		// console.log($(this).scrollTop())
		// console.log($(".poster-record-N").height(),getClientHeight2())



		if($(".poster-record-N").height() - getClientHeight2() == $(this).scrollTop()){
			// console.log("滚动事件触发")
			if(recordJudge == 1){
				recordJudge = 0
				recordPage++
				recordAjax(posterSize,recordPage)
			}
		}

	})
    //获取七牛token
    function qiniuAjax(fi,imgid){
		$.ajax({
		    url: window.qiniuUrl.url + "/token/file/poster",
		    datagoods:"json",
		    beforeSend: function(request) {
		        request.setRequestHeader("token",window.tokens.token_boss);
		    },
		    success: function(res){
		      var token = res.token;
		      var domain = res.url;
		      var config = {
		        useCdnDomain: true,
		        disableStatisticsReport: true,
		        retryCount: 6,
		        region: qiniu.region.z2
		      };
		      var putExtra = {
		        fname: "",
		        params: {},
		        mimeType: null
		      };
		      // function nam(){
		      //   console.log(this);
		      // }
		      uploadWithSDK(token, putExtra, config, domain,'poster',fi,imgid);
		    }
		});
	}
	//上传到七牛
	function uploadWithSDK(token, putExtra, config, domain, typename,fi,qrcodeId) {
        // putExtra.params["x:name"] = "goods"
        	// 设置next,error,complete对应的操作，分别处理相应的进度信息，错误信息，以及完成后的操作
        var error = function(err) {
          alert("生成海报失败")

          $(".CRM_log").css("display","none")
          window.history.go(-1)
          // console.log("上传失败")
        };
        var complete = function(res) {
        	// alert("上传成功")
            // console.log("上传成功",res)
            $(".img-fabrication-font-num").html(parseInt($(".img-fabrication-font-num").html()) + 25)
            shareImgAjax(qrcodeId,res.img_id)
            // console.log("上传成功",res.img_id)

        };

        var next = function(response) {
          var chunks = response.chunks||[];
          var total = response.total;
          // $(".loadFont").html(parseInt(total.percent) + "%")
          // 这里对每个chunk更新进度，并记录已经更新好的避免重复更新，同时对未开始更新的跳过
          for (var i = 0; i < chunks.length; i++) {
            if (chunks[i].percent === 0 || finishedAttr[i]){
              continue;
            }
            if (compareChunks[i].percent === chunks[i].percent){
              continue;
            }
            if (chunks[i].percent === 100){
              finishedAttr[i] = true;
            }
          }
          compareChunks = chunks;
        };

        var subObject = { 
          next: next,
          error: error,
          complete: complete
        };
        var subscription;
        var names = fi.name;
        var rank1 = names.indexOf('.');
        var rank3 = rank1;
        var rank = names.slice(rank3);
        var ranks = window.tokens.token_boss.slice(10,25);
        var timetamp = Date.parse(new Date()) 
        var key = typename+"/"+timetamp+ranks+rank;

     // 调用sdk上传接口获得相应的observable，控制上传和暂停
        observable = qiniu.upload(fi, key, token, putExtra, config);
        subscription = observable.subscribe(subObject);

  	}
    //传入图片路径，返回base64
    function getBase64(img){
        function getBase64Image(img,width,height) { 
        //width、height调用时传入具体像素值，控制大小 ,不传则默认图像大小
          var canvas = document.querySelector(".canvas");
          canvas.width = width ? width : img.width;
          canvas.height = height ? height : img.height;
 

          var ctx = canvas.getContext("2d");
          ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
          var dataURL = canvas.toDataURL();
          return dataURL;
        }
        var image = new Image();
        image.crossOrigin = '';
        image.src = img;
        var deferred=$.Deferred();
        if(img){
          image.onload =function (){
            deferred.resolve(getBase64Image(image));//将base64传给done上传处理
          }
          return deferred.promise();//问题要让onload完成后再return sessionStorage['imgTest']
        }
      }

    //轮播图插件
	function swiperLunb(){

		! function() {
		    "use strict";

		    function e(e) {
		        e.fn.swiper = function(a) {
		            var t;
		            return e(this).each(function() {
		                var e = new Swiper(this, a);
		                t || (t = e)
		            }), t
		        }
		    }
		    window.Swiper = function(e, t) {
		        function r() {
		            return "horizontal" === h.params.direction
		        }

		        function s() {
		            h.autoplayTimeoutId = setTimeout(function() {
		                h.params.loop ? (h.fixLoop(), h._slideNext()) : h.isEnd ? t.autoplayStopOnLast ? h.stopAutoplay() : h._slideTo(0) : h._slideNext()
		            }, h.params.autoplay)
		        }

		        function i(e, a) {
		            var t = f(e.target);
		            if (!t.is(a))
		                if ("string" == typeof a) t = t.parents(a);
		                else if (a.nodeType) {
		                var r;
		                return t.parents().each(function(e, t) {
		                    t === a && (r = a)
		                }), r ? a : void 0
		            }
		            return 0 === t.length ? void 0 : t[0]
		        }

		        function n(e, a) {
		            a = a || {};
		            var t = window.MutationObserver || window.WebkitMutationObserver,
		                r = new t(function(e) {
		                    e.forEach(function(e) {
		                        h.onResize(), h.params.onObserverUpdate && h.params.onObserverUpdate(h, e)
		                    })
		                });
		            r.observe(e, {
		                attributes: "undefined" == typeof a.attributes ? !0 : a.attributes,
		                childList: "undefined" == typeof a.childList ? !0 : a.childList,
		                characterData: "undefined" == typeof a.characterData ? !0 : a.characterData
		            }), h.observers.push(r)
		        }

		        function o(e) {
		            e.originalEvent && (e = e.originalEvent);
		            var a = e.keyCode || e.charCode;
		            if (!(e.shiftKey || e.altKey || e.ctrlKey || e.metaKey || document.activeElement && document.activeElement.nodeName && ("input" === document.activeElement.nodeName.toLowerCase() || "textarea" === document.activeElement.nodeName.toLowerCase()))) {
		                if (37 === a || 39 === a || 38 === a || 40 === a) {
		                    var t = !1;
		                    if (h.container.parents(".swiper-slide").length > 0 && 0 === h.container.parents(".swiper-slide-active").length) return;
		                    for (var s = {
		                            left: window.pageXOffset,
		                            top: window.pageYOffset
		                        }, i = window.innerWidth, n = window.innerHeight, o = h.container.offset(), l = [
		                            [o.left, o.top],
		                            [o.left + h.width, o.top],
		                            [o.left, o.top + h.height],
		                            [o.left + h.width, o.top + h.height]
		                        ], d = 0; d < l.length; d++) {
		                        var p = l[d];
		                        p[0] >= s.left && p[0] <= s.left + i && p[1] >= s.top && p[1] <= s.top + n && (t = !0)
		                    }
		                    if (!t) return
		                }
		                r() ? ((37 === a || 39 === a) && (e.preventDefault ? e.preventDefault() : e.returnValue = !1), 39 === a && h.slideNext(), 37 === a && h.slidePrev()) : ((38 === a || 40 === a) && (e.preventDefault ? e.preventDefault() : e.returnValue = !1), 40 === a && h.slideNext(), 38 === a && h.slidePrev())
		            }
		        }

		        function l(e) {
		            e.originalEvent && (e = e.originalEvent);
		            var a = h._wheelEvent,
		                t = 0;
		            if (e.detail) t = -e.detail;
		            else if ("mousewheel" === a)
		                if (h.params.mousewheelForceToAxis)
		                    if (r()) {
		                        if (!(Math.abs(e.wheelDeltaX) > Math.abs(e.wheelDeltaY))) return;
		                        t = e.wheelDeltaX
		                    } else {
		                        if (!(Math.abs(e.wheelDeltaY) > Math.abs(e.wheelDeltaX))) return;
		                        t = e.wheelDeltaY
		                    }
		            else t = e.wheelDelta;
		            else if ("DOMMouseScroll" === a) t = -e.detail;
		            else if ("wheel" === a)
		                if (h.params.mousewheelForceToAxis)
		                    if (r()) {
		                        if (!(Math.abs(e.deltaX) > Math.abs(e.deltaY))) return;
		                        t = -e.deltaX
		                    } else {
		                        if (!(Math.abs(e.deltaY) > Math.abs(e.deltaX))) return;
		                        t = -e.deltaY
		                    }
		            else t = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? -e.deltaX : -e.deltaY;
		            if (h.params.freeMode) {
		                var s = h.getWrapperTranslate() + t;
		                if (s > 0 && (s = 0), s < h.maxTranslate() && (s = h.maxTranslate()), h.setWrapperTransition(0), h.setWrapperTranslate(s), h.updateProgress(), h.updateActiveIndex(), 0 === s || s === h.maxTranslate()) return
		            } else(new Date).getTime() - h._lastWheelScrollTime > 60 && (0 > t ? h.slideNext() : h.slidePrev()), h._lastWheelScrollTime = (new Date).getTime();
		            return h.params.autoplay && h.stopAutoplay(), e.preventDefault ? e.preventDefault() : e.returnValue = !1, !1
		        }

		        function d(e, a) {
		            e = f(e);
		            var t, s, i, n, o;
		            t = e.attr("data-swiper-parallax"),s = e.attr("data-swiper-parallax-x"),i = e.attr("data-swiper-parallax-y"), s || i || !t ? (s = s ? s : "0", i = i ? i : "0") : r() ? (s = t, i = "0") : (i = t, s = "0"),s = s.indexOf("%") >= 0 ? parseInt(s, 10) * a + "%" : s * a + "px", i = i.indexOf("%") >= 0 ? parseInt(i, 10) * a + "%" : i * a + "px", n = s, o = i, e.transform("translate3d(" + n + ", " + o + ",0px)")
		        }
		        var p = {
		            direction: "horizontal",
		            touchEventsTarget: "container",
		            initialSlide: 0,
		            speed: 300,
		            autoplay: !1,
		            autoplayDisableOnInteraction: !0,
		            freeMode: !1,
		            freeModeMomentum: !0,
		            freeModeMomentumRatio: 1,
		            freeModeMomentumBounce: !0,
		            freeModeMomentumBounceRatio: 1,
		            effect: "slide",
		            coverflow: {
		                rotate: 50,
		                stretch: 0,
		                depth: 100,
		                modifier: 1,
		                slideShadows: !0
		            },
		            cube: {
		                slideShadows: !0,
		                shadow: !0,
		                shadowOffset: 20,
		                shadowScale: .94
		            },
		            fade: {
		                crossFade: !1
		            },
		            parallax: !1,
		            scrollbar: null,
		            scrollbarHide: !0,
		            keyboardControl: !1,
		            mousewheelControl: !1,
		            mousewheelForceToAxis: !1,
		            hashnav: !1,
		            spaceBetween: 0,
		            slidesPerView: 1,
		            slidesPerColumn: 1,
		            slidesPerColumnFill: "column",
		            slidesPerGroup: 1,
		            centeredSlides: !1,
		            touchRatio: 1,
		            touchAngle: 45,
		            simulateTouch: !0,
		            shortSwipes: !0,
		            longSwipes: !0,
		            longSwipesRatio: .5,
		            longSwipesMs: 300,
		            followFinger: !0,
		            onlyExternal: !1,
		            threshold: 0,
		            touchMoveStopPropagation: !0,
		            pagination: null,
		            paginationClickable: !1,
		            paginationHide: !1,
		            paginationBulletRender: null,
		            resistance: !0,
		            resistanceRatio: .85,
		            nextButton: null,
		            prevButton: null,
		            watchSlidesProgress: !1,
		            watchSlidesVisibility: !1,
		            grabCursor: !1,
		            preventClicks: !0,
		            preventClicksPropagation: !0,
		            slideToClickedSlide: !1,
		            lazyLoading: !1,
		            lazyLoadingInPrevNext: !1,
		            lazyLoadingOnTransitionStart: !1,
		            preloadImages: !0,
		            updateOnImagesReady: !0,
		            loop: !1,
		            loopAdditionalSlides: 0,
		            loopedSlides: null,
		            control: void 0,
		            controlInverse: !1,
		            allowSwipeToPrev: !0,
		            allowSwipeToNext: !0,
		            swipeHandler: null,
		            noSwiping: !0,
		            noSwipingClass: "swiper-no-swiping",
		            slideClass: "swiper-slide",
		            slideActiveClass: "swiper-slide-active",
		            slideVisibleClass: "swiper-slide-visible",
		            slideDuplicateClass: "swiper-slide-duplicate",
		            slideNextClass: "swiper-slide-next",
		            slidePrevClass: "swiper-slide-prev",
		            wrapperClass: "swiper-wrapper",
		            bulletClass: "swiper-pagination-bullet",
		            bulletActiveClass: "swiper-pagination-bullet-active",
		            buttonDisabledClass: "swiper-button-disabled",
		            paginationHiddenClass: "swiper-pagination-hidden",
		            observer: !1,
		            observeParents: !1,
		            runCallbacksOnInit: !0
		        };
		        t = t || {};
		        for (var u in p)
		            if ("undefined" == typeof t[u]) t[u] = p[u];
		            else if ("object" == typeof t[u])
		            for (var c in p[u]) "undefined" == typeof t[u][c] && (t[u][c] = p[u][c]);
		        var h = this;
		        h.params = t;
		        var f;
		        if (f = "undefined" == typeof a ? window.Dom7 || window.Zepto || window.jQuery : a, f && (h.container = f(e), 0 !== h.container.length)) {
		            if (h.container.length > 1) return void h.container.each(function() {
		                new Swiper(this, t)
		            });
		            h.container[0].swiper = h, h.container.data("swiper", h), h.container.addClass("swiper-container-" + h.params.direction), h.params.freeMode && h.container.addClass("swiper-container-free-mode"), (h.params.parallax || h.params.watchSlidesVisibility) && (h.params.watchSlidesProgress = !0), ["cube", "coverflow"].indexOf(h.params.effect) >= 0 && (h.support.transforms3d ? (h.params.watchSlidesProgress = !0, h.container.addClass("swiper-container-3d")) : h.params.effect = "slide"), "slide" !== h.params.effect && h.container.addClass("swiper-container-" + h.params.effect), "cube" === h.params.effect && (h.params.resistanceRatio = 0, h.params.slidesPerView = 1, h.params.slidesPerColumn = 1, h.params.slidesPerGroup = 1, h.params.centeredSlides = !1, h.params.spaceBetween = 0), "fade" === h.params.effect && (h.params.watchSlidesProgress = !0, h.params.spaceBetween = 0), h.params.grabCursor && h.support.touch && (h.params.grabCursor = !1), h.wrapper = h.container.children("." + h.params.wrapperClass), h.params.pagination && (h.paginationContainer = f(h.params.pagination), h.params.paginationClickable && h.paginationContainer.addClass("swiper-pagination-clickable")), h.rtl = r() && ("rtl" === h.container[0].dir.toLowerCase() || "rtl" === h.container.css("direction")), h.rtl && h.container.addClass("swiper-container-rtl"), h.rtl && (h.wrongRTL = "-webkit-box" === h.wrapper.css("display")), h.translate = 0, h.progress = 0, h.velocity = 0, h.lockSwipeToNext = function() {
		                h.params.allowSwipeToNext = !1
		            }, h.lockSwipeToPrev = function() {
		                h.params.allowSwipeToPrev = !1
		            }, h.lockSwipes = function() {
		                h.params.allowSwipeToNext = h.params.allowSwipeToPrev = !1
		            }, h.unlockSwipeToNext = function() {
		                h.params.allowSwipeToNext = !0
		            }, h.unlockSwipeToPrev = function() {
		                h.params.allowSwipeToPrev = !0
		            }, h.unlockSwipes = function() {
		                h.params.allowSwipeToNext = h.params.allowSwipeToPrev = !0
		            }, h.params.slidesPerColumn > 1 && h.container.addClass("swiper-container-multirow"), h.params.grabCursor && (h.container[0].style.cursor = "move", h.container[0].style.cursor = "-webkit-grab", h.container[0].style.cursor = "-moz-grab", h.container[0].style.cursor = "grab"), h.imagesToLoad = [], h.imagesLoaded = 0, h.loadImage = function(e, a, t, r) {
		                function s() {
		                    r && r()
		                }
		                var i;
		                e.complete && t ? s() : a ? (i = new Image, i.onload = s, i.onerror = s, i.src = a) : s()
		            }, h.preloadImages = function() {
		                function e() {
		                    "undefined" != typeof h && null !== h && (void 0 !== h.imagesLoaded && h.imagesLoaded++, h.imagesLoaded === h.imagesToLoad.length && (h.params.updateOnImagesReady && h.update(), h.params.onImagesReady && h.params.onImagesReady(h)))
		                }
		                h.imagesToLoad = h.container.find("img");
		                for (var a = 0; a < h.imagesToLoad.length; a++) h.loadImage(h.imagesToLoad[a], h.imagesToLoad[a].currentSrc || h.imagesToLoad[a].getAttribute("src"), !0, e)
		            }, h.autoplayTimeoutId = void 0, h.autoplaying = !1, h.autoplayPaused = !1, h.startAutoplay = function() {
		                return "undefined" != typeof h.autoplayTimeoutId ? !1 : h.params.autoplay ? h.autoplaying ? !1 : (h.autoplaying = !0, h.params.onAutoplayStart && h.params.onAutoplayStart(h), void s()) : !1
		            }, h.stopAutoplay = function() {
		                h.autoplayTimeoutId && (h.autoplayTimeoutId && clearTimeout(h.autoplayTimeoutId), h.autoplaying = !1, h.autoplayTimeoutId = void 0, h.params.onAutoplayStop && h.params.onAutoplayStop(h))
		            }, h.pauseAutoplay = function(e) {
		                h.autoplayPaused || (h.autoplayTimeoutId && clearTimeout(h.autoplayTimeoutId), h.autoplayPaused = !0, 0 === e ? (h.autoplayPaused = !1, s()) : h.wrapper.transitionEnd(function() {
		                    h.autoplayPaused = !1, h.autoplaying ? s() : h.stopAutoplay()
		                }))
		            }, h.minTranslate = function() {
		                return -h.snapGrid[0]
		            }, h.maxTranslate = function() {
		                return -h.snapGrid[h.snapGrid.length - 1]
		            }, h.updateContainerSize = function() {
		                h.width = h.container[0].clientWidth, h.height = h.container[0].clientHeight, h.size = r() ? h.width : h.height
		            }, h.updateSlidesSize = function() {
		                h.slides = h.wrapper.children("." + h.params.slideClass), h.snapGrid = [], h.slidesGrid = [], h.slidesSizesGrid = [];
		                var e, a = h.params.spaceBetween,
		                    t = 0,
		                    s = 0,
		                    i = 0;
		                "string" == typeof a && a.indexOf("%") >= 0 && (a = parseFloat(a.replace("%", "")) / 100 * h.size), h.virtualWidth = -a, h.slides.css(h.rtl ? {
		                    marginLeft: "",
		                    marginTop: ""
		                } : {
		                    marginRight: "",
		                    marginBottom: ""
		                });
		                var n;
		                h.params.slidesPerColumn > 1 && (n = Math.floor(h.slides.length / h.params.slidesPerColumn) === h.slides.length / h.params.slidesPerColumn ? h.slides.length : Math.ceil(h.slides.length / h.params.slidesPerColumn) * h.params.slidesPerColumn);
		                var o;
		                for (e = 0; e < h.slides.length; e++) {
		                    o = 0;
		                    var l = h.slides.eq(e);
		                    if (h.params.slidesPerColumn > 1) {
		                        var d, p, u, c, f = h.params.slidesPerColumn;
		                        "column" === h.params.slidesPerColumnFill ? (p = Math.floor(e / f), u = e - p * f, d = p + u * n / f, l.css({
		                            "-webkit-box-ordinal-group": d,
		                            "-moz-box-ordinal-group": d,
		                            "-ms-flex-order": d,
		                            "-webkit-order": d,
		                            order: d
		                        })) : (c = n / f, u = Math.floor(e / c), p = e - u * c), l.css({
		                            "margin-top": 0 !== u && h.params.spaceBetween && h.params.spaceBetween + "px"
		                        }).attr("data-swiper-column", p).attr("data-swiper-row", u)
		                    }
		                    "none" !== l.css("display") && ("auto" === h.params.slidesPerView ? o = r() ? l.outerWidth(!0) : l.outerHeight(!0) : (o = (h.size - (h.params.slidesPerView - 1) * a) / h.params.slidesPerView, r() ? h.slides[e].style.width = o + "px" : h.slides[e].style.height = o + "px"), h.slides[e].swiperSlideSize = o, h.slidesSizesGrid.push(o), h.params.centeredSlides ? (t = t + o / 2 + s / 2 + a, 0 === e && (t = t - h.size / 2 - a), Math.abs(t) < .001 && (t = 0), i % h.params.slidesPerGroup === 0 && h.snapGrid.push(t), h.slidesGrid.push(t)) : (i % h.params.slidesPerGroup === 0 && h.snapGrid.push(t), h.slidesGrid.push(t), t = t + o + a), h.virtualWidth += o + a, s = o, i++)
		                }
		                h.virtualWidth = Math.max(h.virtualWidth, h.size);
		                var m;
		                if (h.rtl && h.wrongRTL && ("slide" === h.params.effect || "coverflow" === h.params.effect) && h.wrapper.css({
		                        width: h.virtualWidth + h.params.spaceBetween + "px"
		                    }), h.params.slidesPerColumn > 1 && (h.virtualWidth = (o + h.params.spaceBetween) * n, h.virtualWidth = Math.ceil(h.virtualWidth / h.params.slidesPerColumn) - h.params.spaceBetween, h.wrapper.css({
		                        width: h.virtualWidth + h.params.spaceBetween + "px"
		                    }), h.params.centeredSlides)) {
		                    for (m = [], e = 0; e < h.snapGrid.length; e++) h.snapGrid[e] < h.virtualWidth + h.snapGrid[0] && m.push(h.snapGrid[e]);
		                    h.snapGrid = m
		                }
		                if (!h.params.centeredSlides) {
		                    for (m = [], e = 0; e < h.snapGrid.length; e++) h.snapGrid[e] <= h.virtualWidth - h.size && m.push(h.snapGrid[e]);
		                    h.snapGrid = m, Math.floor(h.virtualWidth - h.size) > Math.floor(h.snapGrid[h.snapGrid.length - 1]) && h.snapGrid.push(h.virtualWidth - h.size)
		                }
		                0 === h.snapGrid.length && (h.snapGrid = [0]), 0 !== h.params.spaceBetween && h.slides.css(r() ? h.rtl ? {
		                    marginLeft: a + "px"
		                } : {
		                    marginRight: a + "px"
		                } : {
		                    marginBottom: a + "px"
		                }), h.params.watchSlidesProgress && h.updateSlidesOffset()
		            }, h.updateSlidesOffset = function() {
		                for (var e = 0; e < h.slides.length; e++) h.slides[e].swiperSlideOffset = r() ? h.slides[e].offsetLeft : h.slides[e].offsetTop
		            }, h.updateSlidesProgress = function(e) {
		                if ("undefined" == typeof e && (e = h.translate || 0), 0 !== h.slides.length) {
		                    "undefined" == typeof h.slides[0].swiperSlideOffset && h.updateSlidesOffset();
		                    var a = h.params.centeredSlides ? -e + h.size / 2 : -e;
		                    h.rtl && (a = h.params.centeredSlides ? e - h.size / 2 : e); {
		                        h.container[0].getBoundingClientRect(), r() ? "left" : "top", r() ? "right" : "bottom"
		                    }
		                    h.slides.removeClass(h.params.slideVisibleClass);
		                    for (var t = 0; t < h.slides.length; t++) {
		                        var s = h.slides[t],
		                            i = h.params.centeredSlides === !0 ? s.swiperSlideSize / 2 : 0,
		                            n = (a - s.swiperSlideOffset - i) / (s.swiperSlideSize + h.params.spaceBetween);
		                        if (h.params.watchSlidesVisibility) {
		                            var o = -(a - s.swiperSlideOffset - i),
		                                l = o + h.slidesSizesGrid[t],
		                                d = o >= 0 && o < h.size || l > 0 && l <= h.size || 0 >= o && l >= h.size;
		                            d && h.slides.eq(t).addClass(h.params.slideVisibleClass)
		                        }
		                        s.progress = h.rtl ? -n : n
		                    }
		                }
		            }, h.updateProgress = function(e) {
		                "undefined" == typeof e && (e = h.translate || 0);
		                var a = h.maxTranslate() - h.minTranslate();
		                0 === a ? (h.progress = 0, h.isBeginning = h.isEnd = !0) : (h.progress = (e - h.minTranslate()) / a, h.isBeginning = h.progress <= 0, h.isEnd = h.progress >= 1), h.isBeginning && h.params.onReachBeginning && h.params.onReachBeginning(h), h.isEnd && h.params.onReachEnd && h.params.onReachEnd(h), h.params.watchSlidesProgress && h.updateSlidesProgress(e), h.params.onProgress && h.params.onProgress(h, h.progress)
		            }, h.updateActiveIndex = function() {
		                var e, a, t, r = h.rtl ? h.translate : -h.translate;
		                for (a = 0; a < h.slidesGrid.length; a++) "undefined" != typeof h.slidesGrid[a + 1] ? r >= h.slidesGrid[a] && r < h.slidesGrid[a + 1] - (h.slidesGrid[a + 1] - h.slidesGrid[a]) / 2 ? e = a : r >= h.slidesGrid[a] && r < h.slidesGrid[a + 1] && (e = a + 1) : r >= h.slidesGrid[a] && (e = a);
		                (0 > e || "undefined" == typeof e) && (e = 0), t = Math.floor(e / h.params.slidesPerGroup), t >= h.snapGrid.length && (t = h.snapGrid.length - 1), e !== h.activeIndex && (h.snapIndex = t, h.previousIndex = h.activeIndex, h.activeIndex = e, h.updateClasses())
		            }, h.updateClasses = function() {
		                h.slides.removeClass(h.params.slideActiveClass + " " + h.params.slideNextClass + " " + h.params.slidePrevClass);
		                var e = h.slides.eq(h.activeIndex);
		                if (e.addClass(h.params.slideActiveClass), e.next("." + h.params.slideClass).addClass(h.params.slideNextClass), e.prev("." + h.params.slideClass).addClass(h.params.slidePrevClass), h.bullets && h.bullets.length > 0) {
		                    h.bullets.removeClass(h.params.bulletActiveClass);
		                    var a;
		                    if(document.querySelector(".swiper-slide-active")){
		                        if(document.querySelector(".swiper-slide-active").getAttribute("names")){
		                            document.querySelector(".swiper-pagination-font").innerHTML = document.querySelector(".swiper-slide-active").getAttribute("names")
		                        }
		                    }
		                    h.params.loop ? (a = h.activeIndex - h.loopedSlides, a > h.slides.length - 1 - 2 * h.loopedSlides && (a -= h.slides.length - 2 * h.loopedSlides)) : a = "undefined" != typeof h.snapIndex ? h.snapIndex : h.activeIndex || 0, h.bullets.eq(a).addClass(h.params.bulletActiveClass)
		                }
		                h.params.loop || (h.params.prevButton && (h.isBeginning ? f(h.params.prevButton).addClass(h.params.buttonDisabledClass) : f(h.params.prevButton).removeClass(h.params.buttonDisabledClass)), h.params.nextButton && (h.isEnd ? f(h.params.nextButton).addClass(h.params.buttonDisabledClass) : f(h.params.nextButton).removeClass(h.params.buttonDisabledClass)))
		            }, h.updatePagination = function() {
		                if (h.params.pagination && h.paginationContainer && h.paginationContainer.length > 0) {
		                    for (var e = "", a = h.params.loop ? h.slides.length - 2 * h.loopedSlides : h.snapGrid.length, t = 0; a > t; t++) e += h.params.paginationBulletRender ? h.params.paginationBulletRender(t, h.params.bulletClass) : '<span class="' + h.params.bulletClass + '"></span>';
		                    h.paginationContainer.html(e), h.bullets = h.paginationContainer.find("." + h.params.bulletClass)
		                }
		            }, h.update = function(e) {
		                function a() {
		                    r = Math.min(Math.max(h.translate, h.maxTranslate()), h.minTranslate()), h.setWrapperTranslate(r), h.updateActiveIndex(), h.updateClasses()
		                }
		                if (h.updateContainerSize(), h.updateSlidesSize(), h.updateProgress(), h.updatePagination(), h.updateClasses(), h.params.scrollbar && h.scrollbar && h.scrollbar.set(), e) {
		                    var t, r;
		                    h.params.freeMode ? a() : (t = "auto" === h.params.slidesPerView && h.isEnd && !h.params.centeredSlides ? h.slideTo(h.slides.length - 1, 0, !1, !0) : h.slideTo(h.activeIndex, 0, !1, !0), t || a())
		                }
		            }, h.onResize = function() {
		                if (h.updateContainerSize(), h.updateSlidesSize(), h.updateProgress(), ("auto" === h.params.slidesPerView || h.params.freeMode) && h.updatePagination(), h.params.scrollbar && h.scrollbar && h.scrollbar.set(), h.params.freeMode) {
		                    var e = Math.min(Math.max(h.translate, h.maxTranslate()), h.minTranslate());
		                    h.setWrapperTranslate(e), h.updateActiveIndex(), h.updateClasses()
		                } else h.updateClasses(), "auto" === h.params.slidesPerView && h.isEnd && !h.params.centeredSlides ? h.slideTo(h.slides.length - 1, 0, !1, !0) : h.slideTo(h.activeIndex, 0, !1, !0)
		            };
		            var m = ["mousedown", "mousemove", "mouseup"];
		            window.navigator.pointerEnabled ? m = ["pointerdown", "pointermove", "pointerup"] : window.navigator.msPointerEnabled && (m = ["MSPointerDown", "MSPointerMove", "MSPointerUp"]), h.touchEvents = {
		                start: h.support.touch || !h.params.simulateTouch ? "touchstart" : m[0],
		                move: h.support.touch || !h.params.simulateTouch ? "touchmove" : m[1],
		                end: h.support.touch || !h.params.simulateTouch ? "touchend" : m[2]
		            }, (window.navigator.pointerEnabled || window.navigator.msPointerEnabled) && ("container" === h.params.touchEventsTarget ? h.container : h.wrapper).addClass("swiper-wp8-" + h.params.direction), h.events = function(e) {
		                var a = e ? "off" : "on",
		                    r = e ? "removeEventListener" : "addEventListener",
		                    s = "container" === h.params.touchEventsTarget ? h.container[0] : h.wrapper[0],
		                    i = h.support.touch ? s : document,
		                    n = h.params.nested ? !0 : !1;
		                h.browser.ie ? (s[r](h.touchEvents.start, h.onTouchStart, !1), i[r](h.touchEvents.move, h.onTouchMove, n), i[r](h.touchEvents.end, h.onTouchEnd, !1)) : (h.support.touch && (s[r](h.touchEvents.start, h.onTouchStart, !1), s[r](h.touchEvents.move, h.onTouchMove, n), s[r](h.touchEvents.end, h.onTouchEnd, !1)), !t.simulateTouch || h.device.ios || h.device.android || (s[r]("mousedown", h.onTouchStart, !1), i[r]("mousemove", h.onTouchMove, n), i[r]("mouseup", h.onTouchEnd, !1))), window[r]("resize", h.onResize), h.params.nextButton && f(h.params.nextButton)[a]("click", h.onClickNext), h.params.prevButton && f(h.params.prevButton)[a]("click", h.onClickPrev), h.params.pagination && h.params.paginationClickable && f(h.paginationContainer)[a]("click", "." + h.params.bulletClass, h.onClickIndex), (h.params.preventClicks || h.params.preventClicksPropagation) && s[r]("click", h.preventClicks, !0)
		            }, h.attachEvents = function() {
		                h.events()
		            }, h.detachEvents = function() {
		                h.events(!0)
		            }, h.allowClick = !0, h.preventClicks = function(e) {
		                h.allowClick || (h.params.preventClicks && e.preventDefault(), h.params.preventClicksPropagation && (e.stopPropagation(), e.stopImmediatePropagation()))
		            }, h.onClickNext = function(e) {
		                e.preventDefault(), h.slideNext()
		            }, h.onClickPrev = function(e) {
		                e.preventDefault(), h.slidePrev()
		            }, h.onClickIndex = function(e) {
		                e.preventDefault();
		                var a = f(this).index() * h.params.slidesPerGroup;
		                h.params.loop && (a += h.loopedSlides), h.slideTo(a)
		            }, h.updateClickedSlide = function(e) {
		                var a = i(e, "." + h.params.slideClass);
		                if (!a) return h.clickedSlide = void 0, void(h.clickedIndex = void 0);
		                if (h.clickedSlide = a, h.clickedIndex = f(a).index(), h.params.slideToClickedSlide && void 0 !== h.clickedIndex && h.clickedIndex !== h.activeIndex) {
		                    var t, r = h.clickedIndex;
		                    if (h.params.loop)
		                        if (t = f(h.clickedSlide).attr("data-swiper-slide-index"), r > h.slides.length - h.params.slidesPerView) h.fixLoop(), r = h.wrapper.children("." + h.params.slideClass + '[data-swiper-slide-index="' + t + '"]').eq(0).index(), setTimeout(function() {
		                            h.slideTo(r)
		                        }, 0);
		                        else if (r < h.params.slidesPerView - 1) {
		                        h.fixLoop();
		                        var s = h.wrapper.children("." + h.params.slideClass + '[data-swiper-slide-index="' + t + '"]');
		                        r = s.eq(s.length - 1).index(), setTimeout(function() {
		                            h.slideTo(r)
		                        }, 0)
		                    } else h.slideTo(r);
		                    else h.slideTo(r)
		                }
		            };
		            var g, v, w, T, b, x, y, S, C, M = "input, select, textarea, button",
		                E = Date.now(),
		                P = [];
		            h.animating = !1, h.touches = {
		                startX: 0,
		                startY: 0,
		                currentX: 0,
		                currentY: 0,
		                diff: 0
		            };
		            var z;
		            if (h.onTouchStart = function(e) {
		                    if (e.originalEvent && (e = e.originalEvent), z = "touchstart" === e.type, z || !("which" in e) || 3 !== e.which) {
		                        if (h.params.noSwiping && i(e, "." + h.params.noSwipingClass)) return void(h.allowClick = !0);
		                        if (!h.params.swipeHandler || i(e, h.params.swipeHandler)) {
		                            if (g = !0, v = !1, T = void 0, h.touches.startX = h.touches.currentX = "touchstart" === e.type ? e.targetTouches[0].pageX : e.pageX, h.touches.startY = h.touches.currentY = "touchstart" === e.type ? e.targetTouches[0].pageY : e.pageY, w = Date.now(), h.allowClick = !0, h.updateContainerSize(), h.swipeDirection = void 0, h.params.threshold > 0 && (y = !1), "touchstart" !== e.type) {
		                                var a = !0;
		                                f(e.target).is(M) && (a = !1), document.activeElement && f(document.activeElement).is(M) && document.activeElement.blur(), a && e.preventDefault()
		                            }
		                            h.params.onTouchStart && h.params.onTouchStart(h, e)
		                        }
		                    }
		                }, h.onTouchMove = function(e) {
		                    if (e.originalEvent && (e = e.originalEvent), !(z && "mousemove" === e.type || e.preventedByNestedSwiper)) {
		                        if (h.params.onlyExternal) return v = !0, void(h.allowClick = !1);
		                        if (z && document.activeElement && e.target === document.activeElement && f(e.target).is(M)) return v = !0, void(h.allowClick = !1);
		                        if (h.params.onTouchMove && h.params.onTouchMove(h, e), h.allowClick = !1, !(e.targetTouches && e.targetTouches.length > 1)) {
		                            if (h.touches.currentX = "touchmove" === e.type ? e.targetTouches[0].pageX : e.pageX, h.touches.currentY = "touchmove" === e.type ? e.targetTouches[0].pageY : e.pageY, "undefined" == typeof T) {
		                                var a = 180 * Math.atan2(Math.abs(h.touches.currentY - h.touches.startY), Math.abs(h.touches.currentX - h.touches.startX)) / Math.PI;
		                                T = r() ? a > h.params.touchAngle : 90 - a > h.params.touchAngle
		                            }
		                            if (T && h.params.onTouchMoveOpposite && h.params.onTouchMoveOpposite(h, e), g) {
		                                if (T) return void(g = !1);
		                                h.params.onSliderMove && h.params.onSliderMove(h, e), e.preventDefault(), h.params.touchMoveStopPropagation && !h.params.nested && e.stopPropagation(), v || (t.loop && h.fixLoop(), x = "cube" === h.params.effect ? (h.rtl ? -h.translate : h.translate) || 0 : h.getWrapperTranslate(), h.setWrapperTransition(0), h.animating && h.wrapper.trigger("webkitTransitionEnd transitionend oTransitionEnd MSTransitionEnd msTransitionEnd"), h.params.autoplay && h.autoplaying && (h.params.autoplayDisableOnInteraction ? h.stopAutoplay() : h.pauseAutoplay()), C = !1, h.params.grabCursor && (h.container[0].style.cursor = "move", h.container[0].style.cursor = "-webkit-grabbing", h.container[0].style.cursor = "-moz-grabbin", h.container[0].style.cursor = "grabbing")), v = !0;
		                                var s = h.touches.diff = r() ? h.touches.currentX - h.touches.startX : h.touches.currentY - h.touches.startY;
		                                s *= h.params.touchRatio, h.rtl && (s = -s), h.swipeDirection = s > 0 ? "prev" : "next", b = s + x;
		                                var i = !0;
		                                if (s > 0 && b > h.minTranslate() ? (i = !1, h.params.resistance && (b = h.minTranslate() - 1 + Math.pow(-h.minTranslate() + x + s, h.params.resistanceRatio))) : 0 > s && b < h.maxTranslate() && (i = !1, h.params.resistance && (b = h.maxTranslate() + 1 - Math.pow(h.maxTranslate() - x - s, h.params.resistanceRatio))), i && (e.preventedByNestedSwiper = !0), !h.params.allowSwipeToNext && "next" === h.swipeDirection && x > b && (b = x), !h.params.allowSwipeToPrev && "prev" === h.swipeDirection && b > x && (b = x), h.params.followFinger) {
		                                    if (h.params.threshold > 0) {
		                                        if (!(Math.abs(s) > h.params.threshold || y)) return void(b = x);
		                                        if (!y) return y = !0, h.touches.startX = h.touches.currentX, h.touches.startY = h.touches.currentY, b = x, void(h.touches.diff = r() ? h.touches.currentX - h.touches.startX : h.touches.currentY - h.touches.startY)
		                                    }(h.params.freeMode || h.params.watchSlidesProgress) && h.updateActiveIndex(), h.params.freeMode && (0 === P.length && P.push({
		                                        position: h.touches[r() ? "startX" : "startY"],
		                                        time: w
		                                    }), P.push({
		                                        position: h.touches[r() ? "currentX" : "currentY"],
		                                        time: (new Date).getTime()
		                                    })), h.updateProgress(b), h.setWrapperTranslate(b)
		                                }
		                            }
		                        }
		                    }
		                }, h.onTouchEnd = function(e) {
		                    if (e.originalEvent && (e = e.originalEvent), h.params.onTouchEnd && h.params.onTouchEnd(h, e), g) {
		                        h.params.grabCursor && v && g && (h.container[0].style.cursor = "move", h.container[0].style.cursor = "-webkit-grab", h.container[0].style.cursor = "-moz-grab", h.container[0].style.cursor = "grab");
		                        var a = Date.now(),
		                            t = a - w;
		                        if (h.allowClick && (h.updateClickedSlide(e), h.params.onTap && h.params.onTap(h, e), 300 > t && a - E > 300 && (S && clearTimeout(S), S = setTimeout(function() {
		                                h && (h.params.paginationHide && h.paginationContainer.length > 0 && !f(e.target).hasClass(h.params.bulletClass) && h.paginationContainer.toggleClass(h.params.paginationHiddenClass), h.params.onClick && h.params.onClick(h, e))
		                            }, 300)), 300 > t && 300 > a - E && (S && clearTimeout(S), h.params.onDoubleTap && h.params.onDoubleTap(h, e))), E = Date.now(), setTimeout(function() {
		                                h && h.allowClick && (h.allowClick = !0)
		                            }, 0), !g || !v || !h.swipeDirection || 0 === h.touches.diff || b === x) return void(g = v = !1);
		                        g = v = !1;
		                        var r;
		                        if (r = h.params.followFinger ? h.rtl ? h.translate : -h.translate : -b, h.params.freeMode) {
		                            if (r < -h.minTranslate()) return void h.slideTo(h.activeIndex);
		                            if (r > -h.maxTranslate()) return void h.slideTo(h.slides.length - 1);
		                            if (h.params.freeModeMomentum) {
		                                if (P.length > 1) {
		                                    var s = P.pop(),
		                                        i = P.pop(),
		                                        n = s.position - i.position,
		                                        o = s.time - i.time;
		                                    h.velocity = n / o, h.velocity = h.velocity / 2, Math.abs(h.velocity) < .02 && (h.velocity = 0), (o > 150 || (new Date).getTime() - s.time > 300) && (h.velocity = 0)
		                                } else h.velocity = 0;
		                                P.length = 0;
		                                var l = 1e3 * h.params.freeModeMomentumRatio,
		                                    d = h.velocity * l,
		                                    p = h.translate + d;
		                                h.rtl && (p = -p);
		                                var u, c = !1,
		                                    m = 20 * Math.abs(h.velocity) * h.params.freeModeMomentumBounceRatio;
		                                p < h.maxTranslate() && (h.params.freeModeMomentumBounce ? (p + h.maxTranslate() < -m && (p = h.maxTranslate() - m), u = h.maxTranslate(), c = !0, C = !0) : p = h.maxTranslate()), p > h.minTranslate() && (h.params.freeModeMomentumBounce ? (p - h.minTranslate() > m && (p = h.minTranslate() + m), u = h.minTranslate(), c = !0, C = !0) : p = h.minTranslate()), 0 !== h.velocity && (l = Math.abs(h.rtl ? (-p - h.translate) / h.velocity : (p - h.translate) / h.velocity)), h.params.freeModeMomentumBounce && c ? (h.updateProgress(u), h.setWrapperTransition(l), h.setWrapperTranslate(p), h.onTransitionStart(), h.animating = !0, h.wrapper.transitionEnd(function() {
		                                    C && (h.params.onMomentumBounce && h.params.onMomentumBounce(h), h.setWrapperTransition(h.params.speed), h.setWrapperTranslate(u), h.wrapper.transitionEnd(function() {
		                                        h.onTransitionEnd()
		                                    }))
		                                })) : h.velocity ? (h.updateProgress(p), h.setWrapperTransition(l), h.setWrapperTranslate(p), h.onTransitionStart(), h.animating || (h.animating = !0, h.wrapper.transitionEnd(function() {
		                                    h.onTransitionEnd()
		                                }))) : h.updateProgress(p), h.updateActiveIndex()
		                            }
		                            return void((!h.params.freeModeMomentum || t >= h.params.longSwipesMs) && (h.updateProgress(), h.updateActiveIndex()))
		                        }
		                        var T, y = 0,
		                            M = h.slidesSizesGrid[0];
		                        for (T = 0; T < h.slidesGrid.length; T += h.params.slidesPerGroup) "undefined" != typeof h.slidesGrid[T + h.params.slidesPerGroup] ? r >= h.slidesGrid[T] && r < h.slidesGrid[T + h.params.slidesPerGroup] && (y = T, M = h.slidesGrid[T + h.params.slidesPerGroup] - h.slidesGrid[T]) : r >= h.slidesGrid[T] && (y = T, M = h.slidesGrid[h.slidesGrid.length - 1] - h.slidesGrid[h.slidesGrid.length - 2]);
		                        var z = (r - h.slidesGrid[y]) / M;
		                        if (t > h.params.longSwipesMs) {
		                            if (!h.params.longSwipes) return void h.slideTo(h.activeIndex);
		                            "next" === h.swipeDirection && h.slideTo(z >= h.params.longSwipesRatio ? y + h.params.slidesPerGroup : y), "prev" === h.swipeDirection && h.slideTo(z > 1 - h.params.longSwipesRatio ? y + h.params.slidesPerGroup : y)
		                        } else {
		                            if (!h.params.shortSwipes) return void h.slideTo(h.activeIndex);
		                            "next" === h.swipeDirection && h.slideTo(y + h.params.slidesPerGroup), "prev" === h.swipeDirection && h.slideTo(y)
		                        }
		                    }
		                }, h._slideTo = function(e, a) {
		                    return h.slideTo(e, a, !0, !0)
		                }, h.slideTo = function(e, a, t, s) {
		                    "undefined" == typeof t && (t = !0), "undefined" == typeof e && (e = 0), 0 > e && (e = 0), h.snapIndex = Math.floor(e / h.params.slidesPerGroup), h.snapIndex >= h.snapGrid.length && (h.snapIndex = h.snapGrid.length - 1);
		                    var i = -h.snapGrid[h.snapIndex];
		                    h.params.autoplay && h.autoplaying && (s || !h.params.autoplayDisableOnInteraction ? h.pauseAutoplay(a) : h.stopAutoplay()), h.updateProgress(i);
		                    for (var n = 0; n < h.slidesGrid.length; n++) - i >= h.slidesGrid[n] && (e = n);
		                    if ("undefined" == typeof a && (a = h.params.speed), h.previousIndex = h.activeIndex || 0, h.activeIndex = e, i === h.translate) return h.updateClasses(), !1;
		                    h.onTransitionStart(t);
		                    r() ? i : 0, r() ? 0 : i;
		                    return 0 === a ? (h.setWrapperTransition(0), h.setWrapperTranslate(i), h.onTransitionEnd(t)) : (h.setWrapperTransition(a), h.setWrapperTranslate(i), h.animating || (h.animating = !0, h.wrapper.transitionEnd(function() {
		                        h.onTransitionEnd(t)
		                    }))), h.updateClasses(), !0
		                }, h.onTransitionStart = function(e) {
		                    "undefined" == typeof e && (e = !0), h.lazy && h.lazy.onTransitionStart(), e && (h.params.onTransitionStart && h.params.onTransitionStart(h), h.params.onSlideChangeStart && h.activeIndex !== h.previousIndex && h.params.onSlideChangeStart(h))
		                }, h.onTransitionEnd = function(e) {
		                    h.animating = !1, h.setWrapperTransition(0), "undefined" == typeof e && (e = !0), h.lazy && h.lazy.onTransitionEnd(), e && (h.params.onTransitionEnd && h.params.onTransitionEnd(h), h.params.onSlideChangeEnd && h.activeIndex !== h.previousIndex && h.params.onSlideChangeEnd(h))
		                }, h.slideNext = function(e, a, t) {
		                    if (h.params.loop) {
		                        if (h.animating) return !1;
		                        h.fixLoop(); {
		                            h.container[0].clientLeft
		                        }
		                        return h.slideTo(h.activeIndex + h.params.slidesPerGroup, a, e, t)
		                    }
		                    return h.slideTo(h.activeIndex + h.params.slidesPerGroup, a, e, t)
		                }, h._slideNext = function(e) {
		                    return h.slideNext(!0, e, !0)
		                }, h.slidePrev = function(e, a, t) {
		                    if (h.params.loop) {
		                        if (h.animating) return !1;
		                        h.fixLoop(); {
		                            h.container[0].clientLeft
		                        }
		                        return h.slideTo(h.activeIndex - 1, a, e, t)
		                    }
		                    return h.slideTo(h.activeIndex - 1, a, e, t)
		                }, h._slidePrev = function(e) {
		                    return h.slidePrev(!0, e, !0)
		                }, h.slideReset = function(e, a) {
		                    return h.slideTo(h.activeIndex, a, e)
		                }, h.setWrapperTransition = function(e, a) {
		                    h.wrapper.transition(e), h.params.onSetTransition && h.params.onSetTransition(h, e), "slide" !== h.params.effect && h.effects[h.params.effect] && h.effects[h.params.effect].setTransition(e), h.params.parallax && h.parallax && h.parallax.setTransition(e), h.params.scrollbar && h.scrollbar && h.scrollbar.setTransition(e), h.params.control && h.controller && h.controller.setTransition(e, a)
		                }, h.setWrapperTranslate = function(e, a, t) {
		                    var s = 0,
		                        i = 0,
		                        n = 0;
		                    r() ? s = h.rtl ? -e : e : i = e, h.wrapper.transform(h.support.transforms3d ? "translate3d(" + s + "px, " + i + "px, " + n + "px)" : "translate(" + s + "px, " + i + "px)"), h.translate = r() ? s : i, a && h.updateActiveIndex(), "slide" !== h.params.effect && h.effects[h.params.effect] && h.effects[h.params.effect].setTranslate(h.translate), h.params.parallax && h.parallax && h.parallax.setTranslate(h.translate), h.params.scrollbar && h.scrollbar && h.scrollbar.setTranslate(h.translate), h.params.control && h.controller && h.controller.setTranslate(h.translate, t), h.params.hashnav && h.hashnav && h.hashnav.setHash(), h.params.onSetTranslate && h.params.onSetTranslate(h, h.translate)
		                }, h.getTranslate = function(e, a) {
		                    var t, r, s, i;
		                    return "undefined" == typeof a && (a = "x"), s = window.getComputedStyle(e, null), window.WebKitCSSMatrix ? i = new WebKitCSSMatrix("none" === s.webkitTransform ? "" : s.webkitTransform) : (i = s.MozTransform || s.OTransform || s.MsTransform || s.msTransform || s.transform || s.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,"), t = i.toString().split(",")), "x" === a && (r = window.WebKitCSSMatrix ? i.m41 : parseFloat(16 === t.length ? t[12] : t[4])), "y" === a && (r = window.WebKitCSSMatrix ? i.m42 : parseFloat(16 === t.length ? t[13] : t[5])), h.rtl && r && (r = -r), r || 0
		                }, h.getWrapperTranslate = function(e) {
		                    return "undefined" == typeof e && (e = r() ? "x" : "y"), h.getTranslate(h.wrapper[0], e)
		                }, h.observers = [], h.initObservers = function() {
		                    if (h.params.observeParents)
		                        for (var e = h.container.parents(), a = 0; a < e.length; a++) n(e[a]);
		                    n(h.container[0], {
		                        childList: !1
		                    }), n(h.wrapper[0], {
		                        attributes: !1
		                    })
		                }, h.disconnectObservers = function() {
		                    for (var e = 0; e < h.observers.length; e++) h.observers[e].disconnect();
		                    h.observers = []
		                }, h.createLoop = function() {
		                    h.wrapper.children("." + h.params.slideClass + "." + h.params.slideDuplicateClass).remove();
		                    var e = h.wrapper.children("." + h.params.slideClass);
		                    h.loopedSlides = parseInt(h.params.loopedSlides || h.params.slidesPerView, 10), h.loopedSlides = h.loopedSlides + h.params.loopAdditionalSlides, h.loopedSlides > e.length && (h.loopedSlides = e.length);
		                    var a, t = [],
		                        r = [];
		                    for (e.each(function(a, s) {
		                            var i = f(this);
		                            a < h.loopedSlides && r.push(s), a < e.length && a >= e.length - h.loopedSlides && t.push(s), i.attr("data-swiper-slide-index", a)
		                        }), a = 0; a < r.length; a++) h.wrapper.append(f(r[a].cloneNode(!0)).addClass(h.params.slideDuplicateClass));
		                    for (a = t.length - 1; a >= 0; a--) h.wrapper.prepend(f(t[a].cloneNode(!0)).addClass(h.params.slideDuplicateClass))
		                }, h.destroyLoop = function() {
		                    h.wrapper.children("." + h.params.slideClass + "." + h.params.slideDuplicateClass).remove()
		                }, h.fixLoop = function() {
		                    var e;
		                    h.activeIndex < h.loopedSlides ? (e = h.slides.length - 3 * h.loopedSlides + h.activeIndex, e += h.loopedSlides, h.slideTo(e, 0, !1, !0)) : ("auto" === h.params.slidesPerView && h.activeIndex >= 2 * h.loopedSlides || h.activeIndex > h.slides.length - 2 * h.params.slidesPerView) && (e = -h.slides.length + h.activeIndex + h.loopedSlides, e += h.loopedSlides, h.slideTo(e, 0, !1, !0))
		                }, h.appendSlide = function(e) {
		                    if (h.params.loop && h.destroyLoop(), "object" == typeof e && e.length)
		                        for (var a = 0; a < e.length; a++) e[a] && h.wrapper.append(e[a]);
		                    else h.wrapper.append(e);
		                    h.params.loop && h.createLoop(), h.params.observer && h.support.observer || h.update(!0)
		                }, h.prependSlide = function(e) {
		                    h.params.loop && h.destroyLoop();
		                    var a = h.activeIndex + 1;
		                    if ("object" == typeof e && e.length) {
		                        for (var t = 0; t < e.length; t++) e[t] && h.wrapper.prepend(e[t]);
		                        a = h.activeIndex + e.length
		                    } else h.wrapper.prepend(e);
		                    h.params.loop && h.createLoop(), h.params.observer && h.support.observer || h.update(!0), h.slideTo(a, 0, !1)
		                }, h.removeSlide = function(e) {
		                    h.params.loop && h.destroyLoop();
		                    var a, t = h.activeIndex;
		                    if ("object" == typeof e && e.length) {
		                        for (var r = 0; r < e.length; r++) a = e[r], h.slides[a] && h.slides.eq(a).remove(), t > a && t--;
		                        t = Math.max(t, 0)
		                    } else a = e, h.slides[a] && h.slides.eq(a).remove(), t > a && t--, t = Math.max(t, 0);
		                    h.params.observer && h.support.observer || h.update(!0), h.slideTo(t, 0, !1)
		                }, h.removeAllSlides = function() {
		                    for (var e = [], a = 0; a < h.slides.length; a++) e.push(a);
		                    h.removeSlide(e)
		                }, h.effects = {
		                    fade: {
		                        setTranslate: function() {
		                            for (var e = 0; e < h.slides.length; e++) {
		                                var a = h.slides.eq(e),
		                                    t = a[0].swiperSlideOffset,
		                                    s = -t - h.translate,
		                                    i = 0;
		                                r() || (i = s, s = 0);
		                                var n = h.params.fade.crossFade ? Math.max(1 - Math.abs(a[0].progress), 0) : 1 + Math.min(Math.max(a[0].progress, -1), 0);
		                                a.css({
		                                    opacity: n
		                                }).transform("translate3d(" + s + "px, " + i + "px, 0px)")
		                            }
		                        },
		                        setTransition: function(e) {
		                            h.slides.transition(e)
		                        }
		                    },
		                    cube: {
		                        setTranslate: function() {
		                            var e, a = 0;
		                            h.params.cube.shadow && (r() ? (e = h.wrapper.find(".swiper-cube-shadow"), 0 === e.length && (e = f('<div class="swiper-cube-shadow"></div>'), h.wrapper.append(e)), e.css({
		                                height: h.width + "px"
		                            })) : (e = h.container.find(".swiper-cube-shadow"), 0 === e.length && (e = f('<div class="swiper-cube-shadow"></div>'), h.container.append(e))));
		                            for (var t = 0; t < h.slides.length; t++) {
		                                var s = h.slides.eq(t),
		                                    i = 90 * t,
		                                    n = Math.floor(i / 360);
		                                h.rtl && (i = -i, n = Math.floor(-i / 360));
		                                var o = Math.max(Math.min(s[0].progress, 1), -1),
		                                    l = 0,
		                                    d = 0,
		                                    p = 0;
		                                t % 4 === 0 ? (l = 4 * -n * h.size, p = 0) : (t - 1) % 4 === 0 ? (l = 0, p = 4 * -n * h.size) : (t - 2) % 4 === 0 ? (l = h.size + 4 * n * h.size, p = h.size) : (t - 3) % 4 === 0 && (l = -h.size, p = 3 * h.size + 4 * h.size * n), h.rtl && (l = -l), r() || (d = l, l = 0);
		                                var u = "rotateX(" + (r() ? 0 : -i) + "deg) rotateY(" + (r() ? i : 0) + "deg) translate3d(" + l + "px, " + d + "px, " + p + "px)";
		                                if (1 >= o && o > -1 && (a = 90 * t + 90 * o, h.rtl && (a = 90 * -t - 90 * o)), s.transform(u), h.params.cube.slideShadows) {
		                                    var c = s.find(r() ? ".swiper-slide-shadow-left" : ".swiper-slide-shadow-top"),
		                                        m = s.find(r() ? ".swiper-slide-shadow-right" : ".swiper-slide-shadow-bottom");
		                                    0 === c.length && (c = f('<div class="swiper-slide-shadow-' + (r() ? "left" : "top") + '"></div>'), s.append(c)), 0 === m.length && (m = f('<div class="swiper-slide-shadow-' + (r() ? "right" : "bottom") + '"></div>'), s.append(m)); {
		                                        s[0].progress
		                                    }
		                                    c.length && (c[0].style.opacity = -s[0].progress), m.length && (m[0].style.opacity = s[0].progress)
		                                }
		                            }
		                            if (h.wrapper.css({
		                                    "-webkit-transform-origin": "50% 50% -" + h.size / 2 + "px",
		                                    "-moz-transform-origin": "50% 50% -" + h.size / 2 + "px",
		                                    "-ms-transform-origin": "50% 50% -" + h.size / 2 + "px",
		                                    "transform-origin": "50% 50% -" + h.size / 2 + "px"
		                                }), h.params.cube.shadow)
		                                if (r()) e.transform("translate3d(0px, " + (h.width / 2 + h.params.cube.shadowOffset) + "px, " + -h.width / 2 + "px) rotateX(90deg) rotateZ(0deg) scale(" + h.params.cube.shadowScale + ")");
		                                else {
		                                    var g = Math.abs(a) - 90 * Math.floor(Math.abs(a) / 90),
		                                        v = 1.5 - (Math.sin(2 * g * Math.PI / 360) / 2 + Math.cos(2 * g * Math.PI / 360) / 2),
		                                        w = h.params.cube.shadowScale,
		                                        T = h.params.cube.shadowScale / v,
		                                        b = h.params.cube.shadowOffset;
		                                    e.transform("scale3d(" + w + ", 1, " + T + ") translate3d(0px, " + (h.height / 2 + b) + "px, " + -h.height / 2 / T + "px) rotateX(-90deg)")
		                                }
		                            var x = h.isSafari || h.isUiWebView ? -h.size / 2 : 0;
		                            h.wrapper.transform("translate3d(0px,0," + x + "px) rotateX(" + (r() ? 0 : a) + "deg) rotateY(" + (r() ? -a : 0) + "deg)")
		                        },
		                        setTransition: function(e) {
		                            h.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e), h.params.cube.shadow && !r() && h.container.find(".swiper-cube-shadow").transition(e)
		                        }
		                    },
		                    coverflow: {
		                        setTranslate: function() {
		                            for (var e = h.translate, a = r() ? -e + h.width / 2 : -e + h.height / 2, t = r() ? h.params.coverflow.rotate : -h.params.coverflow.rotate, s = h.params.coverflow.depth, i = 0, n = h.slides.length; n > i; i++) {
		                                var o = h.slides.eq(i),
		                                    l = h.slidesSizesGrid[i],
		                                    d = o[0].swiperSlideOffset,
		                                    p = (a - d - l / 2) / l * h.params.coverflow.modifier,
		                                    u = r() ? t * p : 0,
		                                    c = r() ? 0 : t * p,
		                                    m = -s * Math.abs(p),
		                                    g = r() ? 0 : h.params.coverflow.stretch * p,
		                                    v = r() ? h.params.coverflow.stretch * p : 0;
		                                Math.abs(v) < .001 && (v = 0), Math.abs(g) < .001 && (g = 0), Math.abs(m) < .001 && (m = 0), Math.abs(u) < .001 && (u = 0), Math.abs(c) < .001 && (c = 0);
		                                var w = "translate3d(" + v + "px," + g + "px," + m + "px)  rotateX(" + c + "deg) rotateY(" + u + "deg)";
		                                if (o.transform(w), o[0].style.zIndex = -Math.abs(Math.round(p)) + 1, h.params.coverflow.slideShadows) {
		                                    var T = o.find(r() ? ".swiper-slide-shadow-left" : ".swiper-slide-shadow-top"),
		                                        b = o.find(r() ? ".swiper-slide-shadow-right" : ".swiper-slide-shadow-bottom");
		                                    0 === T.length && (T = f('<div class="swiper-slide-shadow-' + (r() ? "left" : "top") + '"></div>'), o.append(T)), 0 === b.length && (b = f('<div class="swiper-slide-shadow-' + (r() ? "right" : "bottom") + '"></div>'), o.append(b)), T.length && (T[0].style.opacity = p > 0 ? p : 0), b.length && (b[0].style.opacity = -p > 0 ? -p : 0)
		                                }
		                            }
		                            if (window.navigator.pointerEnabled || window.navigator.msPointerEnabled) {
		                                var x = h.wrapper.style;
		                                x.perspectiveOrigin = a + "px 50%"
		                            }
		                        },
		                        setTransition: function(e) {
		                            h.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e)
		                        }
		                    }
		                }, h.lazy = {
		                    initialImageLoaded: !1,
		                    loadImageInSlide: function(e) {
		                        if ("undefined" != typeof e && 0 !== h.slides.length) {
		                            var a = h.slides.eq(e),
		                                t = a.find("img.swiper-lazy:not(.swiper-lazy-loaded):not(.swiper-lazy-loading)");
		                            0 !== t.length && t.each(function() {
		                                var e = f(this);
		                                e.addClass("swiper-lazy-loading");
		                                var t = e.attr("data-src");
		                                h.loadImage(e[0], t, !1, function() {
		                                    e.attr("src", t), e.removeAttr("data-src"), e.addClass("swiper-lazy-loaded").removeClass("swiper-lazy-loading"), a.find(".swiper-lazy-preloader, .preloader").remove(), h.params.onLazyImageLoaded && h.params.onLazyImageLoaded(h, a[0], e[0])
		                                }), h.params.onLazyImageLoad && h.params.onLazyImageLoad(h, a[0], e[0])
		                            })
		                        }
		                    },
		                    load: function() {
		                        if (h.params.watchSlidesVisibility) h.wrapper.children("." + h.params.slideVisibleClass).each(function() {
		                            h.lazy.loadImageInSlide(f(this).index())
		                        });
		                        else if (h.params.slidesPerView > 1)
		                            for (var e = h.activeIndex; e < h.activeIndex + h.params.slidesPerView; e++) h.slides[e] && h.lazy.loadImageInSlide(e);
		                        else h.lazy.loadImageInSlide(h.activeIndex);
		                        if (h.params.lazyLoadingInPrevNext) {
		                            var a = h.wrapper.children("." + h.params.slideNextClass);
		                            a.length > 0 && h.lazy.loadImageInSlide(a.index());
		                            var t = h.wrapper.children("." + h.params.slidePrevClass);
		                            t.length > 0 && h.loadImageInSlide(t.index())
		                        }
		                    },
		                    onTransitionStart: function() {
		                        h.params.lazyLoading && (h.params.lazyLoadingOnTransitionStart || !h.params.lazyLoadingOnTransitionStart && !h.lazy.initialImageLoaded) && (h.lazy.initialImageLoaded = !0, h.lazy.load())
		                    },
		                    onTransitionEnd: function() {
		                        h.params.lazyLoading && !h.params.lazyLoadingOnTransitionStart && h.lazy.load()
		                    }
		                }, h.scrollbar = {
		                    set: function() {
		                        if (h.params.scrollbar) {
		                            var e = h.scrollbar;
		                            e.track = f(h.params.scrollbar), e.drag = e.track.find(".swiper-scrollbar-drag"), 0 === e.drag.length && (e.drag = f('<div class="swiper-scrollbar-drag"></div>'), e.track.append(e.drag)), e.drag[0].style.width = "", e.drag[0].style.height = "", e.trackSize = r() ? e.track[0].offsetWidth : e.track[0].offsetHeight, e.divider = h.size / h.virtualWidth, e.moveDivider = e.divider * (e.trackSize / h.size), e.dragSize = e.trackSize * e.divider, r() ? e.drag[0].style.width = e.dragSize + "px" : e.drag[0].style.height = e.dragSize + "px", e.track[0].style.display = e.divider >= 1 ? "none" : "", h.params.scrollbarHide && (e.track[0].style.opacity = 0)
		                        }
		                    },
		                    setTranslate: function() {
		                        if (h.params.scrollbar) {
		                            var e, a = h.scrollbar,
		                                t = (h.translate || 0, a.dragSize);
		                            e = (a.trackSize - a.dragSize) * h.progress, h.rtl && r() ? (e = -e, e > 0 ? (t = a.dragSize - e, e = 0) : -e + a.dragSize > a.trackSize && (t = a.trackSize + e)) : 0 > e ? (t = a.dragSize + e, e = 0) : e + a.dragSize > a.trackSize && (t = a.trackSize - e), r() ? (a.drag.transform("translate3d(" + e + "px, 0, 0)"), a.drag[0].style.width = t + "px") : (a.drag.transform("translate3d(0px, " + e + "px, 0)"), a.drag[0].style.height = t + "px"), h.params.scrollbarHide && (clearTimeout(a.timeout), a.track[0].style.opacity = 1, a.timeout = setTimeout(function() {
		                                a.track[0].style.opacity = 0, a.track.transition(400)
		                            }, 1e3))
		                        }
		                    },
		                    setTransition: function(e) {
		                        h.params.scrollbar && h.scrollbar.drag.transition(e)
		                    }
		                }, h.controller = {
		                    setTranslate: function(e, a) {
		                        var t, r, s = h.params.control;
		                        if (h.isArray(s))
		                            for (var i = 0; i < s.length; i++) s[i] !== a && s[i] instanceof Swiper && (e = s[i].rtl && "horizontal" === s[i].params.direction ? -h.translate : h.translate, t = (s[i].maxTranslate() - s[i].minTranslate()) / (h.maxTranslate() - h.minTranslate()), r = (e - h.minTranslate()) * t + s[i].minTranslate(), h.params.controlInverse && (r = s[i].maxTranslate() - r), s[i].updateProgress(r), s[i].setWrapperTranslate(r, !1, h), s[i].updateActiveIndex());
		                        else s instanceof Swiper && a !== s && (e = s.rtl && "horizontal" === s.params.direction ? -h.translate : h.translate, t = (s.maxTranslate() - s.minTranslate()) / (h.maxTranslate() - h.minTranslate()), r = (e - h.minTranslate()) * t + s.minTranslate(), h.params.controlInverse && (r = s.maxTranslate() - r), s.updateProgress(r), s.setWrapperTranslate(r, !1, h), s.updateActiveIndex())
		                    },
		                    setTransition: function(e, a) {
		                        var t = h.params.control;
		                        if (h.isArray(t))
		                            for (var r = 0; r < t.length; r++) t[r] !== a && t[r] instanceof Swiper && t[r].setWrapperTransition(e, h);
		                        else t instanceof Swiper && a !== t && t.setWrapperTransition(e, h)
		                    }
		                }, h.hashnav = {
		                    init: function() {
		                        if (h.params.hashnav) {
		                            h.hashnav.initialized = !0;
		                            var e = document.location.hash.replace("#", "");
		                            if (e)
		                                for (var a = 0, t = 0, r = h.slides.length; r > t; t++) {
		                                    var s = h.slides.eq(t),
		                                        i = s.attr("data-hash");
		                                    if (i === e && !s.hasClass(h.params.slideDuplicateClass)) {
		                                        var n = s.index();
		                                        h.slideTo(n, a, h.params.runCallbacksOnInit, !0)
		                                    }
		                                }
		                        }
		                    },
		                    setHash: function() {
		                        h.hashnav.initialized && h.params.hashnav && (document.location.hash = h.slides.eq(h.activeIndex).attr("data-hash") || "")
		                    }
		                }, h.disableKeyboardControl = function() {
		                    f(document).off("keydown", o)
		                }, h.enableKeyboardControl = function() {
		                    f(document).on("keydown", o)
		                }, h._wheelEvent = !1, h._lastWheelScrollTime = (new Date).getTime(), h.params.mousewheelControl) {
		                if (void 0 !== document.onmousewheel && (h._wheelEvent = "mousewheel"), !h._wheelEvent) try {
		                    new WheelEvent("wheel"), h._wheelEvent = "wheel"
		                } catch (I) {}
		                h._wheelEvent || (h._wheelEvent = "DOMMouseScroll")
		            }
		            return h.disableMousewheelControl = function() {
		                return h._wheelEvent ? (h.container.off(h._wheelEvent, l), !0) : !1
		            }, h.enableMousewheelControl = function() {
		                return h._wheelEvent ? (h.container.on(h._wheelEvent, l), !0) : !1
		            }, h.parallax = {
		                setTranslate: function() {
		                    h.container.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]").each(function() {
		                        d(this, h.progress)
		                    }), h.slides.each(function() {
		                        var e = f(this);
		                        e.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]").each(function() {
		                            var a = Math.min(Math.max(e[0].progress, -1), 1);
		                            d(this, a)
		                        })
		                    })
		                },
		                setTransition: function(e) {
		                    "undefined" == typeof e && (e = h.params.speed), h.container.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]").each(function() {
		                        var a = f(this),
		                            t = parseInt(a.attr("data-swiper-parallax-duration"), 10) || e;
		                        0 === e && (t = 0), a.transition(t)
		                    })
		                }
		            }, h.init = function() {
		                h.params.loop && h.createLoop(), h.updateContainerSize(), h.updateSlidesSize(), h.updatePagination(), h.params.scrollbar && h.scrollbar && h.scrollbar.set(), "slide" !== h.params.effect && h.effects[h.params.effect] && (h.params.loop || h.updateProgress(), h.effects[h.params.effect].setTranslate()), h.params.loop ? h.slideTo(h.params.initialSlide + h.loopedSlides, 0, h.params.runCallbacksOnInit) : (h.slideTo(h.params.initialSlide, 0, h.params.runCallbacksOnInit), 0 === h.params.initialSlide && (h.parallax && h.params.parallax && h.parallax.setTranslate(), h.lazy && h.params.lazyLoading && h.lazy.load())), h.attachEvents(), h.params.observer && h.support.observer && h.initObservers(), h.params.preloadImages && !h.params.lazyLoading && h.preloadImages(), h.params.autoplay && h.startAutoplay(), h.params.keyboardControl && h.enableKeyboardControl && h.enableKeyboardControl(), h.params.mousewheelControl && h.enableMousewheelControl && h.enableMousewheelControl(), h.params.hashnav && h.hashnav && h.hashnav.init(), h.params.onInit && h.params.onInit(h)
		            }, h.destroy = function(e) {
		                h.detachEvents(), h.disconnectObservers(), h.params.keyboardControl && h.disableKeyboardControl && h.disableKeyboardControl(), h.params.mousewheelControl && h.disableMousewheelControl && h.disableMousewheelControl(), h.params.onDestroy && h.params.onDestroy(), e !== !1 && (h = null)
		            }, h.init(), h
		        }
		    }, Swiper.prototype = {
		        isSafari: function() {
		            var e = navigator.userAgent.toLowerCase();
		            return e.indexOf("safari") >= 0 && e.indexOf("chrome") < 0 && e.indexOf("android") < 0
		        }(),
		        isUiWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent),
		        isArray: function(e) {
		            return "[object Array]" === Object.prototype.toString.apply(e)
		        },
		        browser: {
		            ie: window.navigator.pointerEnabled || window.navigator.msPointerEnabled
		        },
		        device: function() {
		            var e = navigator.userAgent,
		                a = e.match(/(Android);?[\s\/]+([\d.]+)?/),
		                t = e.match(/(iPad).*OS\s([\d_]+)/),
		                r = (e.match(/(iPod)(.*OS\s([\d_]+))?/), !t && e.match(/(iPhone\sOS)\s([\d_]+)/));
		            return {
		                ios: t || r || t,
		                android: a
		            }
		        }(),
		        support: {
		            touch: window.Modernizr && Modernizr.touch === !0 || function() {
		                return !!("ontouchstart" in window || window.DocumentTouch && document instanceof DocumentTouch)
		            }(),
		            transforms3d: window.Modernizr && Modernizr.csstransforms3d === !0 || function() {
		                var e = document.createElement("div").style;
		                return "webkitPerspective" in e || "MozPerspective" in e || "OPerspective" in e || "MsPerspective" in e || "perspective" in e
		            }(),
		            flexbox: function() {
		                for (var e = document.createElement("div").style, a = "WebkitBox msFlexbox MsFlexbox WebkitFlex MozBox flex".split(" "), t = 0; t < a.length; t++)
		                    if (a[t] in e) return !0
		            }(),
		            observer: function() {
		                return "MutationObserver" in window || "WebkitMutationObserver" in window
		            }()
		        }
		    };
		    for (var a = (function() {
		            var e = function(e) {
		                    var a = this,
		                        t = 0;
		                    for (t = 0; t < e.length; t++) a[t] = e[t];
		                    return a.length = e.length, this
		                },
		                a = function(a, t) {
		                    var r = [],
		                        s = 0;
		                    if (a && !t && a instanceof e) return a;
		                    if (a)
		                        if ("string" == typeof a) {
		                            var i, n, o = a.trim();
		                            if (o.indexOf("<") >= 0 && o.indexOf(">") >= 0) {
		                                var l = "div";
		                                for (0 === o.indexOf("<li") && (l = "ul"), 0 === o.indexOf("<tr") && (l = "tbody"), (0 === o.indexOf("<td") || 0 === o.indexOf("<th")) && (l = "tr"), 0 === o.indexOf("<tbody") && (l = "table"), 0 === o.indexOf("<option") && (l = "select"), n = document.createElement(l), n.innerHTML = a, s = 0; s < n.childNodes.length; s++) r.push(n.childNodes[s])
		                            } else
		                                for (i = t || "#" !== a[0] || a.match(/[ .<>:~]/) ? (t || document).querySelectorAll(a) : [document.getElementById(a.split("#")[1])], s = 0; s < i.length; s++) i[s] && r.push(i[s])
		                        } else if (a.nodeType || a === window || a === document) r.push(a);
		                    else if (a.length > 0 && a[0].nodeType)
		                        for (s = 0; s < a.length; s++) r.push(a[s]);
		                    return new e(r)
		                };
		            return e.prototype = {
		                addClass: function(e) {
		                    if ("undefined" == typeof e) return this;
		                    for (var a = e.split(" "), t = 0; t < a.length; t++)
		                        for (var r = 0; r < this.length; r++) this[r].classList.add(a[t]);
		                    return this
		                },
		                removeClass: function(e) {
		                    for (var a = e.split(" "), t = 0; t < a.length; t++)
		                        for (var r = 0; r < this.length; r++) this[r].classList.remove(a[t]);
		                    return this
		                },
		                hasClass: function(e) {
		                    return this[0] ? this[0].classList.contains(e) : !1
		                },
		                toggleClass: function(e) {
		                    for (var a = e.split(" "), t = 0; t < a.length; t++)
		                        for (var r = 0; r < this.length; r++) this[r].classList.toggle(a[t]);
		                    return this
		                },
		                attr: function(e, a) {
		                    if (1 === arguments.length && "string" == typeof e) return this[0] ? this[0].getAttribute(e) : void 0;
		                    for (var t = 0; t < this.length; t++)
		                        if (2 === arguments.length) this[t].setAttribute(e, a);
		                        else
		                            for (var r in e) this[t][r] = e[r], this[t].setAttribute(r, e[r]);
		                    return this
		                },
		                removeAttr: function(e) {
		                    for (var a = 0; a < this.length; a++) this[a].removeAttribute(e)
		                },
		                data: function(e, a) {
		                    if ("undefined" == typeof a) {
		                        if (this[0]) {
		                            var t = this[0].getAttribute("data-" + e);
		                            return t ? t : this[0].dom7ElementDataStorage && e in this[0].dom7ElementDataStorage ? this[0].dom7ElementDataStorage[e] : void 0
		                        }
		                        return void 0
		                    }
		                    for (var r = 0; r < this.length; r++) {
		                        var s = this[r];
		                        s.dom7ElementDataStorage || (s.dom7ElementDataStorage = {}), s.dom7ElementDataStorage[e] = a
		                    }
		                    return this
		                },
		                transform: function(e) {
		                    for (var a = 0; a < this.length; a++) {
		                        var t = this[a].style;
		                        t.webkitTransform = t.MsTransform = t.msTransform = t.MozTransform = t.OTransform = t.transform = e
		                    }
		                    return this
		                },
		                transition: function(e) {
		                    "string" != typeof e && (e += "ms");
		                    for (var a = 0; a < this.length; a++) {
		                        var t = this[a].style;
		                        t.webkitTransitionDuration = t.MsTransitionDuration = t.msTransitionDuration = t.MozTransitionDuration = t.OTransitionDuration = t.transitionDuration = e
		                    }
		                    return this
		                },
		                on: function(e, t, r, s) {
		                    function i(e) {
		                        var s = e.target;
		                        if (a(s).is(t)) r.call(s, e);
		                        else
		                            for (var i = a(s).parents(), n = 0; n < i.length; n++) a(i[n]).is(t) && r.call(i[n], e)
		                    }
		                    var n, o, l = e.split(" ");
		                    for (n = 0; n < this.length; n++)
		                        if ("function" == typeof t || t === !1)
		                            for ("function" == typeof t && (r = arguments[1], s = arguments[2] || !1), o = 0; o < l.length; o++) this[n].addEventListener(l[o], r, s);
		                        else
		                            for (o = 0; o < l.length; o++) this[n].dom7LiveListeners || (this[n].dom7LiveListeners = []), this[n].dom7LiveListeners.push({
		                                listener: r,
		                                liveListener: i
		                            }), this[n].addEventListener(l[o], i, s);
		                    return this
		                },
		                off: function(e, a, t, r) {
		                    for (var s = e.split(" "), i = 0; i < s.length; i++)
		                        for (var n = 0; n < this.length; n++)
		                            if ("function" == typeof a || a === !1) "function" == typeof a && (t = arguments[1], r = arguments[2] || !1), this[n].removeEventListener(s[i], t, r);
		                            else if (this[n].dom7LiveListeners)
		                        for (var o = 0; o < this[n].dom7LiveListeners.length; o++) this[n].dom7LiveListeners[o].listener === t && this[n].removeEventListener(s[i], this[n].dom7LiveListeners[o].liveListener, r);
		                    return this
		                },
		                once: function(e, a, t, r) {
		                    function s(n) {
		                        t(n), i.off(e, a, s, r)
		                    }
		                    var i = this;
		                    "function" == typeof a && (a = !1, t = arguments[1], r = arguments[2]), i.on(e, a, s, r)
		                },
		                trigger: function(e, a) {
		                    for (var t = 0; t < this.length; t++) {
		                        var r;
		                        try {
		                            r = new CustomEvent(e, {
		                                detail: a,
		                                bubbles: !0,
		                                cancelable: !0
		                            })
		                        } catch (s) {
		                            r = document.createEvent("Event"), r.initEvent(e, !0, !0), r.detail = a
		                        }
		                        this[t].dispatchEvent(r)
		                    }
		                    return this
		                },
		                transitionEnd: function(e) {
		                    function a(i) {
		                        if (i.target === this)
		                            for (e.call(this, i), t = 0; t < r.length; t++) s.off(r[t], a)
		                    }
		                    var t, r = ["webkitTransitionEnd", "transitionend", "oTransitionEnd", "MSTransitionEnd", "msTransitionEnd"],
		                        s = this;
		                    if (e)
		                        for (t = 0; t < r.length; t++) s.on(r[t], a);
		                    return this
		                },
		                width: function() {
		                    return this[0] === window ? window.innerWidth : this.length > 0 ? parseFloat(this.css("width")) : null
		                },
		                outerWidth: function(e) {
		                    return this.length > 0 ? e ? this[0].offsetWidth + parseFloat(this.css("margin-right")) + parseFloat(this.css("margin-left")) : this[0].offsetWidth : null
		                },
		                height: function() {
		                    return this[0] === window ? window.innerHeight : this.length > 0 ? parseFloat(this.css("height")) : null
		                },
		                outerHeight: function(e) {
		                    return this.length > 0 ? e ? this[0].offsetHeight + parseFloat(this.css("margin-top")) + parseFloat(this.css("margin-bottom")) : this[0].offsetHeight : null
		                },
		                offset: function() {
		                    if (this.length > 0) {
		                        var e = this[0],
		                            a = e.getBoundingClientRect(),
		                            t = document.body,
		                            r = e.clientTop || t.clientTop || 0,
		                            s = e.clientLeft || t.clientLeft || 0,
		                            i = window.pageYOffset || e.scrollTop,
		                            n = window.pageXOffset || e.scrollLeft;
		                        return {
		                            top: a.top + i - r,
		                            left: a.left + n - s
		                        }
		                    }
		                    return null
		                },
		                css: function(e, a) {
		                    var t;
		                    if (1 === arguments.length) {
		                        if ("string" != typeof e) {
		                            for (t = 0; t < this.length; t++)
		                                for (var r in e) this[t].style[r] = e[r];
		                            return this
		                        }
		                        if (this[0]) return window.getComputedStyle(this[0], null).getPropertyValue(e)
		                    }
		                    if (2 === arguments.length && "string" == typeof e) {
		                        for (t = 0; t < this.length; t++) this[t].style[e] = a;
		                        return this
		                    }
		                    return this
		                },
		                each: function(e) {
		                    for (var a = 0; a < this.length; a++) e.call(this[a], a, this[a]);
		                    return this
		                },
		                html: function(e) {
		                    if ("undefined" == typeof e) return this[0] ? this[0].innerHTML : void 0;
		                    for (var a = 0; a < this.length; a++) this[a].innerHTML = e;
		                    return this
		                },
		                is: function(t) {
		                    if (!this[0]) return !1;
		                    var r, s;
		                    if ("string" == typeof t) {
		                        var i = this[0];
		                        if (i === document) return t === document;
		                        if (i === window) return t === window;
		                        if (i.matches) return i.matches(t);
		                        if (i.webkitMatchesSelector) return i.webkitMatchesSelector(t);
		                        if (i.mozMatchesSelector) return i.mozMatchesSelector(t);
		                        if (i.msMatchesSelector) return i.msMatchesSelector(t);
		                        for (r = a(t), s = 0; s < r.length; s++)
		                            if (r[s] === this[0]) return !0;
		                        return !1
		                    }
		                    if (t === document) return this[0] === document;
		                    if (t === window) return this[0] === window;
		                    if (t.nodeType || t instanceof e) {
		                        for (r = t.nodeType ? [t] : t, s = 0; s < r.length; s++)
		                            if (r[s] === this[0]) return !0;
		                        return !1
		                    }
		                    return !1
		                },
		                index: function() {
		                    if (this[0]) {
		                        for (var e = this[0], a = 0; null !== (e = e.previousSibling);) 1 === e.nodeType && a++;
		                        return a
		                    }
		                    return void 0
		                },
		                eq: function(a) {
		                    if ("undefined" == typeof a) return this;
		                    var t, r = this.length;
		                    return a > r - 1 ? new e([]) : 0 > a ? (t = r + a, new e(0 > t ? [] : [this[t]])) : new e([this[a]])
		                },
		                append: function(a) {
		                    var t, r;
		                    for (t = 0; t < this.length; t++)
		                        if ("string" == typeof a) {
		                            var s = document.createElement("div");
		                            for (s.innerHTML = a; s.firstChild;) this[t].appendChild(s.firstChild)
		                        } else if (a instanceof e)
		                        for (r = 0; r < a.length; r++) this[t].appendChild(a[r]);
		                    else this[t].appendChild(a);
		                    return this
		                },
		                prepend: function(a) {
		                    var t, r;
		                    for (t = 0; t < this.length; t++)
		                        if ("string" == typeof a) {
		                            var s = document.createElement("div");
		                            for (s.innerHTML = a, r = s.childNodes.length - 1; r >= 0; r--) this[t].insertBefore(s.childNodes[r], this[t].childNodes[0])
		                        } else if (a instanceof e)
		                        for (r = 0; r < a.length; r++) this[t].insertBefore(a[r], this[t].childNodes[0]);
		                    else this[t].insertBefore(a, this[t].childNodes[0]);
		                    return this
		                },
		                insertBefore: function(e) {
		                    for (var t = a(e), r = 0; r < this.length; r++)
		                        if (1 === t.length) t[0].parentNode.insertBefore(this[r], t[0]);
		                        else if (t.length > 1)
		                        for (var s = 0; s < t.length; s++) t[s].parentNode.insertBefore(this[r].cloneNode(!0), t[s])
		                },
		                insertAfter: function(e) {
		                    for (var t = a(e), r = 0; r < this.length; r++)
		                        if (1 === t.length) t[0].parentNode.insertBefore(this[r], t[0].nextSibling);
		                        else if (t.length > 1)
		                        for (var s = 0; s < t.length; s++) t[s].parentNode.insertBefore(this[r].cloneNode(!0), t[s].nextSibling)
		                },
		                next: function(t) {
		                    return new e(this.length > 0 ? t ? this[0].nextElementSibling && a(this[0].nextElementSibling).is(t) ? [this[0].nextElementSibling] : [] : this[0].nextElementSibling ? [this[0].nextElementSibling] : [] : [])
		                },
		                nextAll: function(t) {
		                    var r = [],
		                        s = this[0];
		                    if (!s) return new e([]);
		                    for (; s.nextElementSibling;) {
		                        var i = s.nextElementSibling;
		                        t ? a(i).is(t) && r.push(i) : r.push(i), s = i
		                    }
		                    return new e(r)
		                },
		                prev: function(t) {
		                    return new e(this.length > 0 ? t ? this[0].previousElementSibling && a(this[0].previousElementSibling).is(t) ? [this[0].previousElementSibling] : [] : this[0].previousElementSibling ? [this[0].previousElementSibling] : [] : [])
		                },
		                prevAll: function(t) {
		                    var r = [],
		                        s = this[0];
		                    if (!s) return new e([]);
		                    for (; s.previousElementSibling;) {
		                        var i = s.previousElementSibling;
		                        t ? a(i).is(t) && r.push(i) : r.push(i), s = i
		                    }
		                    return new e(r)
		                },
		                parent: function(e) {
		                    for (var t = [], r = 0; r < this.length; r++) e ? a(this[r].parentNode).is(e) && t.push(this[r].parentNode) : t.push(this[r].parentNode);
		                    return a(a.unique(t))
		                },
		                parents: function(e) {
		                    for (var t = [], r = 0; r < this.length; r++)
		                        for (var s = this[r].parentNode; s;) e ? a(s).is(e) && t.push(s) : t.push(s), s = s.parentNode;
		                    return a(a.unique(t))
		                },
		                find: function(a) {
		                    for (var t = [], r = 0; r < this.length; r++)
		                        for (var s = this[r].querySelectorAll(a), i = 0; i < s.length; i++) t.push(s[i]);
		                    return new e(t)
		                },
		                children: function(t) {
		                    for (var r = [], s = 0; s < this.length; s++)
		                        for (var i = this[s].childNodes, n = 0; n < i.length; n++) t ? 1 === i[n].nodeType && a(i[n]).is(t) && r.push(i[n]) : 1 === i[n].nodeType && r.push(i[n]);
		                    return new e(a.unique(r))
		                },
		                remove: function() {
		                    for (var e = 0; e < this.length; e++) this[e].parentNode && this[e].parentNode.removeChild(this[e]);
		                    return this
		                },
		                add: function() {
		                    var e, t, r = this;
		                    for (e = 0; e < arguments.length; e++) {
		                        var s = a(arguments[e]);
		                        for (t = 0; t < s.length; t++) r[r.length] = s[t], r.length++
		                    }
		                    return r
		                }
		            }, a.fn = e.prototype, a.unique = function(e) {
		                for (var a = [], t = 0; t < e.length; t++) - 1 === a.indexOf(e[t]) && a.push(e[t]);
		                return a
		            }, a
		        }()), t = ["jQuery", "Zepto", "Dom7"], r = 0; r < t.length; r++) window[t[r]] && e(window[t[r]]);
		    var s;
		    s = "undefined" == typeof a ? window.Dom7 || window.Zepto || window.jQuery : a, s && ("transitionEnd" in s.fn || (s.fn.transitionEnd = function(e) {
		        function a(i) {
		            if (i.target === this)
		                for (e.call(this, i), t = 0; t < r.length; t++) s.off(r[t], a)
		        }
		        var t, r = ["webkitTransitionEnd", "transitionend", "oTransitionEnd", "MSTransitionEnd", "msTransitionEnd"],
		            s = this;
		        if (e)
		            for (t = 0; t < r.length; t++) s.on(r[t], a);
		        return this
		    }), "transform" in s.fn || (s.fn.transform = function(e) {
		        for (var a = 0; a < this.length; a++) {
		            var t = this[a].style;
		            t.webkitTransform = t.MsTransform = t.msTransform = t.MozTransform = t.OTransform = t.transform = e
		        }
		        return this
		    }), "transition" in s.fn || (s.fn.transition = function(e) {
		        "string" != typeof e && (e += "ms");
		        for (var a = 0; a < this.length; a++) {
		            var t = this[a].style;
		            t.webkitTransitionDuration = t.MsTransitionDuration = t.msTransitionDuration = t.MozTransitionDuration = t.OTransitionDuration = t.transitionDuration = e
		        }
		        return this
		    }))
		}(), "undefined" != typeof module ? module.exports = Swiper : "function" == typeof define && define.amd && define([], function() {
		    "use strict";
		    return Swiper
		});
		//# sourceMappingURL=maps/swiper.min.js.map
	}


</script>
<!-- <script type="text/javascript" src="__ROOT__ /AI_radar/js/lunb/swiper.min.js"></script> -->
<!-- <script type="text/javascript" src="__ROOT__ /AI_radar/js/lunb/choumei.min.js"></script> -->
</body>
</html>